react-native - 页面上有 2 个抽屉导航器

Question

我创建了两个基本的 DrawerNavigator。一个用于左侧，另一个用于顶栏的右侧：

const LeftDrawer = DrawerNavigator({

    MenuScreen: { screen: MenuScreen }
}, getDrawerConfig(300, 'left', 'MainScreen'));


export default LeftDrawer;


const RightDrawer = DrawerNavigator({

    AccountScreen: { screen: AccountScreen }
}, getDrawerConfig(300, 'right', 'MainScreen'));


export default RightDrawer;

是否可以在 MainScreen 视图中使用两个抽屉？谢谢！

Answer 1

使用一个 DrawerNavigator 作为主导航器并将另一个 DrawerNavigator 嵌套在第一个抽屉内应该可以。

const MainDrawer = DrawerNavigator({
    OtherDrawer: DrawerNavigator({
        AccountScreen: { screen: AccountScreen }
    }, getDrawerConfig(300, 'right', 'MainScreen')),
    MenuScreen: { screen: MenuScreen }
}, getDrawerConfig(300, 'left', 'MainScreen'));

export default MainDrawer;