如何在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',
  }
));

官方會有所幫助。