反应原生的 StackNavigator 中的 TabNavigator 中的 DrawerNavigator答案

【问题标题】：DrawerNavigator inside TabNavigator inside StackNavigator in react native反应原生的 StackNavigator 中的 TabNavigator 中的 DrawerNavigator
【发布时间】：2017-10-21 14:59:27
【问题描述】：

我有一个登录页面，在用户登录后有一个 TabNavigator 屏幕，单击其中一个 TabNavigator 图标后 DrawerNavigator 菜单应该打开。

const Tabs = TabNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      tabBarLabel: 'Home',
      tabBarIcon: <Image source={require('../assets/images/nav-home.png')} style={{height:25,width:25}}/>,
      header: null
    }
  },
  Store: {
    screen: Store,
    navigationOptions: {
      tabBarLabel: 'Store',
      tabBarIcon: <Image source={require('../assets/images/nav-store.png')} style={{height:25,width:25}}/>,
      header: null
    },
  },
  Other: {
    screen: DrawerNav,
    navigationOptions: {
      tabBarLabel: 'Profile',
      tabBarIcon: <Image source={require('../assets/images/nav-profile.png')} style={{height:25,width:25}}/>,
      header: null
    },
  }

},{
initialRouteName: 'Home'
})

const DrawerNav = DrawerNavigator({
  Profile: {screen: Profile},
  Search: {screen: Search},
})



export const Root = StackNavigator({
  LoginScreen: {screen: Login},
  Tabs: {screen: Tabs},
},
  {
  initialRouteName: 'LoginScreen'
  }
)

这段代码给了我一个错误：

当用户点击Other时，类似菜单的屏幕应该从左侧滑入，其中包含Profile Search和Logout em>（就像在 Slack 应用程序中一样）并且当用户点击例如 Profile 屏幕时，他们将被重定向到该页面。这怎么可能？

【问题讨论】：

标签： reactjs react-native navigation react-navigation slidingdrawer

【解决方案1】：

您只需将“const DrawerNav”移动到“const Tabs”上方。之后它会工作

【讨论】：