Как я могу открыть Drawer Navigator в представлении Tab, которое вложено в Switch Nav?

Question

Я нахожу документы по createDrawerNavigator довольно сложными для понимания с точки зрения вложенности навигаторов.

У меня есть 2 навигатора и Навигатор, который я не уверен, куда поставить

A = родительский SwitchNavigator

const MainNavigator = createSwitchNavigator({
  AuthLoading: AuthLoadingScreen,
  Auth: AuthStack,
  App: AppStack,
}

B = AppStack TabNavigator

На одной из вкладок внутри TabNavigator я хотел бы открыть навигатор ящиков.

Как мне это сделать?Должен ли я создать отдельный навигатор с ящиками и поместить его в коммутатор или поместить его в TabNavigator?Я испробовал оба подхода, и я могу загрузить вид внутри ящика, но не сам ящик.

Answer 1

Хорошо, потратил впустую часы на это, но я наконец исправил проблему и теперь могу открыть ящик, используя кнопку заголовка с this.props.navigation.openDrawer();, , имея ящик внутри навигатора вкладок , например:

const MainNavigator = createBottomTabNavigator({
  YourScreenName: YourDrawerNavigatorComponent,
}

Просто обновите до последней версии реакции-навигации 3.0.0, выполнив следующую команду в корневой папке вашего проекта: npm i react-navigation@^3.0.0 или yarn add react-navigation@^3.0.0, она была выпущена буквально вчера.

Если выустановите реакцию-навигацию без указания версии, она установит версию 2.18.2 с этой проблемой!

Обязательно следуйте этому руководству после установки ( Очень важно! ): https://reactnavigation.org/blog/2018/11/17/react-navigation-3.0

Вам необходимо изменить несколько вещей в своем коде, следуя инструкциям.

Устранение неполадок : будьте увереныочистить кеши и выйти и снова открыть все свои терминалы, да все они.

Answer 2

Вам нужно создать новый компонент навигатора ящиков, а затем использовать его в качестве экрана

вот так

const MainNavigator = createBottomTabNavigator({
  YourScreenName: YourDrawerNavigatorComponent,
}

В этой статье подробно все https://medium.com/async-la/react-navigation-stacks-tabs-and-drawers-oh-my-92edd606e4db