React Native Navigation 5.x 子页面不显示底部菜单
程序员文章站
2022-05-15 08:25:18
...
React Native Navigation 5.x 子页面不显示底部菜单
官方文档上面是有一个文档的 A tab navigator contains a stack and you want to hide the tab bar on specific screens, 但是现在是 NOT FOUND
网上也找到了解决方案:
但是这个是 4.x 版本的, 对于新版本无效.
解决方案
在 React Native Navigation 5.x 中把 tabBarVisible 放在了 <BottomTab.Screen>
的 options
中, 由原来的 navigation.state
放到了 route.state
, 下面是一个例子:
<BottomTab.Screen
name="xxx"
component={xxx}
options={props => {
return {
title: 'xxx',
tabBarIcon: XXXIcon,
tabBarVisible: !props.route.state || props.route.state.index === 0,
};
}}
/>
生效的是:
tabBarVisible: !props.route.state || props.route.state.index === 0
如果没有进入这一个tab, route.state 是没有内容的