React Navigation，移除详情页的标签菜单

Question

我正在应用当前导航官方文档中描述的“A StackNavigator for each tab”。

网址：https://v1.reactnavigation.org/docs/tab-based-navigation.html#a-stacknavigator-for-each-tab

当你点击Home Tabs -> Go to Home Details中的按钮时，当你点击Setting Tabs -> Go to Setting Details中的按钮时，你就完成了。

在这里，我想稍微更改一下代码，以使选项卡菜单在详细信息中不可见。如何更改此代码？

const HomeStack = new StackNavigator({
    Home: { screen: HomeScreen },
    HomeDetails: { screen: HomeDetailsScreen }
});

const SettingStack = new StackNavigator({
    Setting: { screen: SettingScreen },
    SettingDetails: { screen: SettingDetailsScreen }
});

const AppStackTabNavigator = new TabNavigator({
    Home: { screen: HomeStack },
    Setting: { screen: SettingStack }
});

Answer 1

class SettingDetailsScreen extends React.Component { 
   static navigationOptions = { 
      tabBarVisible: false,
    }
   // ...rest of code
}

如果你的SettingDetailsScreen是一个功能组件，那么在组件声明之后添加这个：

SettingDetailsScreen.navigationOptions = { tabBarVisible: false };