реагировать родным ящиком навигатора на все экраны

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

Как вы писали в начале, в объекте параметра есть только две страницы, которые вы называете новым DrawerNavigator, поэтому ящик отображается только на WelcomeScreen и JobListScreen.Если вы хотите отобразить все экраны, вам нужно использовать весь созданный вами StackNavigator в качестве параметра для вызова нового метода DrawerNavigator

import { DrawerNavigator } from "react-navigation"

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

export default AppDrawerNavigator;

Answer 2

Вам нужно установить кнопку вверху справа на странице, и чтобы onClick кнопки вы должны написать код для открытого ящика

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