android - 在所有屏幕上 react native 抽屉导航器显示

Question

我的抽屉导航器无法在所有屏幕上打开。

抽屉导航:

import { DrawerNavigator } from "react-navigation"

const AppDrawerNavigator = new DrawerNavigator({
    Welcome: { screen: WelcomeScreen },
    JobList: { screen: JobListScreen }
},
    {
        drawerPosition: "right"
    })

export default AppDrawerNavigator;

现在，我实际上只想在我的抽屉中显示 2 个按钮，即注销和重置。我是否需要为此注销和重置设置单独的屏幕/组件？ 另外，我想在我拥有的所有屏幕上显示抽屉，但是，它仅在我的 WelcomeScreen 和 JobListScreen 上打开/显示。

StackNav(在index.js中):

const Navigator = StackNavigator({
    DrawerNavigator: { screen: DrawerNavigator },
    Login: { screen: LoginScreen },
    Tpo: { screen: TPOScreen },
    Welcome: { screen: WelcomeScreen },
    JobList: { screen: JobListScreen },
    JobDetails: { screen: JobDetailsScreen },
    JobOrdersList: { screen: JobOrdersListScreen }
})

如果您看到，抽屉不会在其他屏幕(即 JobDetails、JobOrdersList 等)中打开。

如何在所有屏幕上显示抽屉，并且只有两个按钮而不是 WelcomeScreen 和 JobListScreen？

谢谢。 请耐心等待，因为我是这里的 React Native 新手。

Answer 1

您需要在页面右上角设置按钮，并且您必须为打开抽屉的按钮的onClick编写代码

this.props.navigation.navigate('DrawerOpen');