如何在React Navigation中获取BottomTabNavigator来显示Modal StackNavigator？

Question

我有一个带有少量标签的底部标签导航器。

在某些情况下未登录用户时，我想导航到作为堆栈导航器的模式屏幕。

如何在没有标签的情况下向底部标签导航器注册导航器？

Answer 1

解决方案

使用具有Modal模式的StackNavigator包裹您的主BottomTabNavigator和登录屏幕（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',
  }
));

Official将有所帮助。