在特定屏幕中隐藏底部选项卡

Question

我使用从"反应导航选项卡"导入的底部选项卡导航器

import { createBottomTabNavigator } from 'react-navigation-tabs';
const AppNavigator = createBottomTabNavigator({
Homepage: {
screen: Screen1
},
Screen2: {
screen: Screen2
}
} , {
initialRouteName:"Screen1"
});

屏幕 1 是堆栈导航器

const AppNavigator = createStackNavigator({
Homepage: {
screen: Screen1,
},
Screen2: {
screen: Screen2
}
} , {
initialRouteName : "Homepage",
headerMode:"none",
navigationOptions: ({ navigation }) => ({
tabBarVisible: navigation.state.routes[navigation.state.index].routeName === 'Screen2' ? false : true
})
});

经过一番研究，我找到了以下解决方案，但不起作用

navigationOptions: ({ navigation }) => ({
tabBarVisible: navigation.state.routes[navigation.state.index].routeName === 'Screen2' ? false : true
})

这是一个坏消息，因为即使要从所有屏幕上隐藏它，下面的代码也不起作用

navigationOptions: ({ navigation }) => ({
tabBarVisible: false
})

标签始终可见 ，经过大量研究并尝试了数十种解决方案

Answer 1

试试这个：

Screen1.navigationOptions = ({ navigation }) => {
let tabBarVisible = true;
let routeName = navigation.state.routes[navigation.state.index].routeName
if ( routeName == 'ScreenX' ) {
tabBarVisible = false
}
return {
tabBarVisible,
}
}