[英]How do I get a BottomTabNavigator in React Navigation to display a Modal StackNavigator?
I have a bottom tab navigator with a handful of tabs. 我有一个带有少数标签的底部标签导航器。
When the user isn't logged under certain conditions I wanna navigate to a modal screen that is a stack navigator. 当用户在某些情况下未登录时,我想导航到作为堆栈导航器的模式屏幕。
How do I do this register the navigator with my bottom tab navigator without it being a tab? 如何在没有标签的情况下向底部标签导航器注册该导航器?
Wrap your main BottomTabNavigator and Login Screen(StackNavigator) using StackNavigator with Modal mode. 使用Modal模式的StackNavigator包裹您的主要BottomTabNavigator和登录屏幕(StackNavigator)。
For example 例如
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',
}
));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.