首页 > 解决方案 > 无法在 React Navigation v2 中隐藏 createBottomTabNavigator

问题描述

希望在我的应用程序的特定屏幕上隐藏 createBottomTabNavigator。(反应导航 v2)

我正在通过重置堆栈导航到我想要隐藏的路线:

const test = StackActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: 'TEST_SCREEN' })],
});

this.props.navigation.dispatch(test);

然后在我的 TestScreen 组件中,我尝试了以下操作:

static navigationOptions = ({ navigation }) => {
let tabBarVisible = true;
console.log(navigation.state);
if (navigation.state.routeName === 'TEST_SCREEN') {
  tabBarVisible = false;
}

return {
  tabBarVisible
 };
}

// static navigationOptions = {
 // tabBarVisible: false
// }

console.log 输出:

Object {params: undefined, routeName: "TEST_SCREEN", key: "id-1524534842146-12"}
key: "id-1524534842146-12"
params:undefined
routeName: "TEST_SCREEN"
__proto__: Object

只有我能找到的信息是https://github.com/react-navigation/react-navigation/issues/1949过时的(react-navigation v1)

想法?

标签: react-nativereact-navigationexpo

解决方案


推荐阅读