react-native - React-Navigation:隐藏父标题

Question

问题:我有一个 DrawerNavigator，其中包含一个 TabNavigator，其中包含一个 StackNavigator，我需要的是标题中的常规三栏图标来打开 Drawer 而不是向右滑动

我的解决方案:将包含 StackNavigator 的 TabNavigator 放入 StackNavigator 并将 StackNavigator 放入 DrawerNavigator

我的解决方案有问题:当我在 TabNavigator 中导航时，我会得到双标题(这是正常的，因为我有 2 个 StackNavigator)并且我只能隐藏后退箭头标题，我总是得到 3 个选项卡图标标题。

那么如何隐藏包含 TabNavigator 的父标题？

//the drawer navigator
const DNav = DrawerNavigator({
        SportWall: {
            screen: SportWall
            }
        })
        
//the stack that contains the tab navigator
export default StackNavigator({
    SportWall: {
        //just to show the header with the 3 bars icon
        screen: SportWall
    }
    
render() {
  return (
      <Tabs/>
  )
}
    
//the tab navigator
const Tabs = TabNavigator({
    AllPubs: {
        screen: AllPubs
    },
    FriendsPubs: {
        screen: FriendsPubs
    },
});

//the stack inside each tab 
export default StackNavigator({
    AllPubs: {
        screen: AllPubs,
    },
    Pub: {
        screen: Pub, navigationOptions: {tabBarVisible: false}
    },...

Answer 1

您好，您可以使用您的 StackNavigator像这个例子并使用 headerMode: 'screen' :

const SimpleApp = StackNavigator({
    Home: { screen: HomeScreen }
  },{ 
    headerMode: 'screen' 
  }
);

见 here想要查询更多的信息。