reactjs - 如何在 React Navigation 中获取 BottomTabNavigator 以显示模态 StackNavigator?
问题描述
我有一个带有几个标签的底部标签导航器。
当用户在某些条件下未登录时,我想导航到作为堆栈导航器的模式屏幕。
如何在不作为选项卡的情况下使用底部选项卡导航器注册导航器?
解决方案
解决方案
使用带有模态模式的 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',
}
));
官方将得到帮助。
推荐阅读
- javascript - 如何找到没有 id 和使用 .not() jQuery 内置函数定义的类的 span 元素
- maven - settings.xml maven 在解决依赖关系时查找的存储库顺序是什么
- javascript - Redux 存储属性在更新时嵌套到自身中
- google-chrome - 谷歌的搜索结果会受到我们数据的影响吗?
- javascript - 通过 Jquery切换V 形图标
- next.js - nextjs 中的_buildManifest.js 有什么作用,可以禁用吗?
- python - Python用滚动条绘制长x轴
- react-native - “从@react-navigation/core 导出 *”错误
- javascript - 如何使用 D3 js 更新图表的 y 轴
- javascript - 使用 React 和 date-fns 构建的日历/行为因时区而异