Как получить BottomTabNavigator в React Navigation для отображения модального StackNavigator?

Question

У меня есть навигатор нижней вкладки с несколькими вкладками.

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

Как мне зарегистрировать навигатор в моем навигаторе с нижней вкладкой, не являясь вкладкой?

Answer 1

Решение

Оберните свой основной BottomTabNavigator и экран входа в систему (StackNavigator), используя StackNavigator с модальным режимом.

Например

import { createSwitchNavigator, createStackNavigator, createAppContainer } from 'react-navigation';

// Implementation of HomeScreen, OtherScreen, SignInScreen, AuthLoadingScreen
// goes here.

const AppStack = createStackNavigator({ Home: HomeScreen, Other: OtherScreen });
const AuthStack = createStackNavigator({ SignIn: SignInScreen });

export default createAppContainer(createStackNavigator(
  {
    AuthLoading: AuthLoadingScreen,
    App: AppStack,
    Auth: AuthStack,
  },
  {
    initialRouteName: 'AuthLoading',
    mode: 'modal',
  }
));

Официальный поможет.