android - 在 StackNavigator 中创建 DrawerNavigator

Question

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

const tabNavigator = createBottomTabNavigator({ [SCREEN1]: { screen: StackNavigator1 }, [SCREEN2]: { screen: StackNavigator2 }, [SCREEN3]: { screen: SplashScreen }, },

现在，我该如何在每个屏幕上创建一个 DrawerNavigator ？在普通屏幕上创建相当简单。如何在 stackNavigator 中创建它？

标签： androidiosreactjsreact-native

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。