在所有屏幕上顯示本機抽屜導航器

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顯示抽屜？

謝謝。 請耐心等待，因為我是本機上的新手。

Answer 1

您需要在頁面右上角設置按鈕，並且必須單擊按鈕的onClick才能為打開的抽屜編寫代碼

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

Answer 2

如開始時所寫，在參數對象中只有兩個頁面稱為新的DrawerNavigator，因此抽屜僅顯示在WelcomeScreen和JobListScreen上。 如果要顯示所有屏幕，則需要使用所有作為參數創建的StackNavigator來調用新的DrawerNavigator方法

import { DrawerNavigator } from "react-navigation"

  const AppDrawerNavigator = new DrawerNavigator({
   Home: { screen: Navigator },
   },
{
    drawerPosition: "right"
})

export default AppDrawerNavigator;