react-native - 隐藏 createBottomTabNavigator 上的选项卡（navigationOptions：{tabBarVisible：false}）不起作用

Question

我想E在下面的代码中隐藏选项卡。我createBottomTabNavigator用来在本机反应中创建标签。我试过下面的代码。tabBarVisible尽管我的逻辑正在返回falsetab ，但它不起作用E。请帮忙。谢谢！

var RouteConfigs = {
    A: {screen: A},
    B: {screen: B},
    C: {screen: C},
    D: {screen: D},
    E: {screen: E},

}
var BottomTabNavigatorConfig = {
    navigationOptions: ({navigation})=>{
       is_visible = navigation.state.routeName != 'E'
       return {tabBarVisible: is_visible}
    }
}
var ListTabNavigator = createBottomTabNavigator(
    RouteConfigs, BottomTabNavigatorConfig
)

标签： react-nativereact-navigation

Answer 1

你能试试这个方法吗？这应该有助于嵌套导航器：

const getCurrentRouteName = (navigationState) => {
  if (!navigationState) {
    return null;
  }
  const route = navigationState.routes[navigationState.index];
  if (route.routes) {
    return getCurrentRouteName(route);
  }

  return route.routeName;
};

const isTabBarVisible = (navigationState) => {
  return getCurrentRouteName(navigationState) !== 'E'
}