如何将底部导航器与抽屉式导航器集成

时间:2019-08-06 05:21:07

标签: reactjs react-native

如何将底部导航器与抽屉式导航器集成在一起,以及如何显示所有抽屉式屏幕的底部导航器。除主屏幕外,我没有其他底部导航

const BottomNavigator = createBottomTabNavigator(
  { 
     HomeStack,
     MoneyTransferStack,
      // ReportStack,
     BankAndFinanceStack,
     NotificationStack,
  })

const LeftNavigator = createDrawerNavigator({
  Home: { screen: BottomNavigator },
   BankAndFinanceScreen: {
    screen: BankAndFinanceScreenDrawerStack,
      navigationOptions: navOpt => ({
        drawerLabel: ({ focused }) => (
          <DrawerItem focused={focused} screen="BankAndFinanceScreenDrawerStack" title="Bank & Finance" />
        )
      })

    },
  ComplaintScreen: { 
    screen: ComplaintScreenStack,
     navigationOptions: navOpt => ({
        drawerLabel: ({ focused }) => (
          <DrawerItem focused={focused} screen="ComplaintScreenStack" title="Complaints" />
        )
      })
  },
});

    const AppSwitchNavigator = createSwitchNavigator({
    Main: {screen: LeftNavigator},
    // Main: {screen: BottomNavigator},
   ForgetPasswordScreen: { screen: ForgetPasswordScreen },
   LoginScreen: {screen: LoginScreen},
   RegisterScreen: { screen: RegisterScreen },
   ComplaintForm: { screen: ComplaintForm },
});

0 个答案:

没有答案