javascript - react 导航 tabBarVisible : false not working for StackNavigator inside TabNavigator

Question

我对实现如下所示的东西感到非常困惑，这工作正常但无法隐藏 EditPage 和 PageTwo 的标签栏

• 登录
• 注册
• TabNavigator(TabNavigator)
  • 第一个选项卡
  • 第二个选项卡(堆栈导航器)
    • 列表页
    • 编辑页面
  • 第三个选项卡(堆栈导航器)
    • 第一页
    • 第二页
  • 设置

下面是我的配置。

import { createStackNavigator, createSwitchNavigator, createBottomTabNavigator } from 'react-navigation';
//Other required imports here

const SignedOut = createStackNavigator({
  Signup: { screen : Signup},
  Login: { screen : Login}
});

const SignedIn = createBottomTabNavigator({
    Dashboard: {
      screen: Dashboard
    },
    Rewards: {
      screen: createStackNavigator({
        Rewards:{
          screen: Rewards,
          navigationOptions:{
            header:null
          }
        },
        AddReward:{
          screen: AddReward,
          navigationOptions:{
            header:null,
            tabBarVisible: false
          }
        }
      })
    },
    Activities: {
      screen: createStackNavigator({
        Rewards:{
          screen: Activities,
          navigationOptions:{
            header:null
          }
        },
        NewActivity:{
          screen: NewActivity,
          navigationOptions:{
            header:null,
            tabBarVisible: false
          }
        }
      })
    },
    Settings: {
      screen: Settings
    }
},{
  tabBarComponent: ({navigation}) => <FooterComponent navigation={navigation} />,
  tabBarPosition: 'bottom',
  animationEnabled: false,
  swipeEnabled: false
});

export const createRootNavigator = (signedIn) => {
    return createSwitchNavigator(
        {
            SignedIn: {
                screen: SignedIn
            },
            SignedOut: {
                screen: SignedOut
            }
        },
        {
            initialRouteName: (signedIn) ? "SignedIn" :"SignedOut",
            headerMode: 'none'
        }
    );
};

问题

• 我无法隐藏 AddReward 和 NewActivity 的标签栏
• tabBarVisible: false 不适用于 TabNavigator 内的 StackNavigator

谢谢

Answer 1

您可以对所有堆栈使用一个 StackNavigator，并将 TabNavigator 设置为默认路由:

• 切换导航器
  • 登录
  • 注册
  • 堆栈导航器
    • 标签导航器
      • 第一个选项卡
      • 列表页
      • 设置
    • 编辑页面
    • 第二页