StackNavigator里面的DrawNavigator里面的StackNavigator做出反应原生

Question

我有一个登录页面，在用户登录后有一个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'
  }
)

此代码给出了一个错误：

当用户点击其他菜单时，屏幕应从左侧滑入，其中包含个人资料 搜索和退出（与Slack应用程序一样），当用户点击例如个人资料屏幕时，他们将被重定向到该页面。这怎么可能？

Answer 1

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