Afficher les itinéraires fixes dans le tiroir

Question

J'essaie de réparer les noms de routage du menu du tiroir dans toute l'application. Le tiroir doit donc toujours afficher les mêmes noms, même si d'autres itinéraires sont également disponibles (via ceux affichés dans le tiroir).

à quoi il ressemble maintenant:

Ce qu'il devrait ressembler à:

Code pertinent:

const Stack = { 
    Login: { screen: Login }, 
    Overview: { screen: Overview }, 
    Settings: { screen: Settings }, 
    Logout: { screen: Logout }, 
    JobDescription: { screen: JobDescription }, 
    TaskList: { screen: TaskList }, 
}; 

const DrawerRoutes = { 
    SettingsStack: { 
     name: 'SettingsStack', 
     screen: StackNavigator(Stack, { initialRouteName: 'Settings' }), 
    }, 
    OverviewStack: { 
     name: 'OverviewStack', 
     screen: StackNavigator(Stack, { initialRouteName: 'Overview' }), 
    }, 
    LogoutStack: { 
     name: 'LogoutStack', 
     screen: StackNavigator(Stack, { initialRouteName: 'Logout' }), 
    }, 
}; 

export const DrawerNavigation = StackNavigator({ 
    Drawer: { 
     name: 'Drawer', 
     screen: DrawerNavigator(DrawerRoutes), 
    }, 
    ...Stack, 
}, { headerMode: 'none' }); 

espoir il est assez clair! Merci

Answer 1

L'utilisation de l'accessoire contentComponent de DrawerNavigator a résolu le problème. Il est aussi simple que cela: Drawer: { name: 'Drawer', screen: DrawerNavigator(DrawerRoutes, { contentComponent: DrawerView, }), },

Où DrawerView est juste un composant personnalisé avec un FlatList.