代码之家  ›  专栏  ›  技术社区  ›  Manish Poduval

在StackNavigator中创建DrawerNavigator

  •  0
  • Manish Poduval  · 技术社区  · 6 年前

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

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

    1 回复  |  直到 6 年前
        1
  •  1
  •   Nino9612    6 年前

    很直截了当。将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
        },
    }
    

    这样,每个标签都有一个单独的抽屉。