如何打开抽屉,而不从TabNavigator的的标签之一导航到屏幕?

问题描述 投票:0回答:1

我想如下图所示,从我的一个标签叫轮廓开拓抽屉。当我点击配置文件选项卡上它开辟了从ProfileNavigator主屏幕。这是对的,但我想阻止,只用了一个默认的导航打开抽屉。我该怎么做?此外ProfileNavigator阻止打开我的下一个选项卡作为主,任何想法,为什么?但我能Histroy屏幕的选项卡,然后可以回到主屏幕。

const ProfileNavigator = createDrawerNavigator({
  Home: {
    screen: HomeScreen,
  },
  Notifications: {
    screen: ExampleScreen,
  }
});

const DashboardTabNav = createBottomTabNavigator({
  Profile: {
    screen: ProfileNavigator,
    navigationOptions: ({navigation}) => ({
      tabBarOnPress: (tab) => {
        navigation.openDrawer();
      }
    })
  },
  Home: Dashboard,
  History: SettingsScreen,
  Cart: CartScreen
})
reactjs react-native react-redux react-navigation
1个回答
0
投票

啊,固定它。柜面有人找一个例子,你需要添加createBottomTabNavigator内createDrawerNavigator。我是这样做的otherway。例如,

const ProfileNavigator = createDrawerNavigator({
  Drawer: DashboardTabNav
}, {
  initialRouteName: 'Drawer',
  contentComponent: ExampleScreen,
  drawerWidth: 300

});

// Manifest of possible screens
const PrimaryNav = createStackNavigator({
  DashboardScreen: { screen: ProfileNavigator },
  LoginScreen: { screen: LoginScreen },
  LaunchScreen: { screen: LaunchScreen },
  UpdateUserScreen: { screen: UpdateUserScreen }
}, {
  // Default config for all screens
  headerMode: 'none',
  initialRouteName: 'LoginScreen',
  navigationOptions: {
    headerStyle: styles.header
  }
});
export default createAppContainer(PrimaryNav);
© www.soinside.com 2019 - 2024. All rights reserved.