android - 在 StackNavigator 中创建 DrawerNavigator

Question

我有一个 bottomTabNavigator，它看起来像这样。


const tabNavigator = createBottomTabNavigator({
[屏幕 1]:{
屏幕:StackNavigator1
},
[屏幕 2]:{
屏幕:StackNavigator2
},
[屏幕 3]:{
屏幕:启动画面
},
},


现在，我该如何着手在每个屏幕上创建 DrawerNavigator？在普通屏幕上创建非常简单。如何在 stackNavigator 中创建它？

Answer 1

它非常简单。您将 DrawerNavigator 设置为屏幕组件。例如:

const dn1 = createDrawerNavigator({
   [Screen1]: {
       screen: Screen01
   }
});

const dn2= createDrawerNavigator({
    [Screen1]: {
        screen: Screen02
    }
 });

 const dn3 = createDrawerNavigator({
    [Screen1]: {
        screen: Screen03
    }
 });

const tabNavigator = createBottomTabNavigator({
    [SCREEN1]: {
        screen: dn1
    },
    [SCREEN2]: {
        screen: dn2
    },
    [SCREEN3]: {
        screen: dn3
    },
}

这样您就可以为每个选项卡创建一个单独的 DrawerNavigator。