DrawerNavigator à l'intérieur de TabNavigator à l'intérieur de StackNavigator en réaction native

Question

J'ai une page de connexion et après la connexion de l'utilisateur, il y a un écran TabNavigator, après avoir cliqué sur l'un des icônes de TabNavigator, le menu DrawerNavigator devrait s'ouvrir.

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' 
    } 
) 

Ce code me donne une erreur:

Lorsque l'utilisateur clique sur Autre écran comme le menu devrait glisser de la gauche qui contiendra ProfilRecherche et Déconnexion (Comme dans l'application Slack) et lorsque l'utilisateur clique par exemple Profil écran ils w Mal être redirigé vers cette page. Comment est-ce possible?

Answer 1

Vous venez de déplacer "const DrawerNav" au-dessus de "const tabs". Ensuite, cela fonctionnera