Reactjs 在抽屉中显示固定路线

Reactjs 在抽屉中显示固定路线,reactjs,react-native,routes,drawer,react-navigation,Reactjs,React Native,Routes,Drawer,React Navigation,我正试图通过整个应用程序修复抽屉菜单的路径名称。因此,抽屉应始终显示相同的名称,即使某些其他路径也可用(通过抽屉中显示的路径) 现在的样子: 它应该是什么样子的: 相关代码: const Stack = { Login: { screen: Login }, Overview: { screen: Overview }, Settings: { screen: Settings }, Logout: { screen: Logout }, JobDes

我正试图通过整个应用程序修复抽屉菜单的路径名称。因此,抽屉应始终显示相同的名称,即使某些其他路径也可用(通过抽屉中显示的路径)

现在的样子:

它应该是什么样子的:

相关代码:

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

希望足够清楚!谢谢

使用抽屉驱动的
contentComponent
道具解决了这个问题。 就这么简单:

出票人:{
姓名:'抽屉',
屏幕:抽屉式显示器(抽屉式{
contentComponent:DroperView,
}),
},

其中
DrawerView
只是一个带有平面列表的自定义组件