页面上的2 DrawerNavigators

Question

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

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;