Javascript 反应导航:无法使用嵌套导航器隐藏标题

Javascript 反应导航:无法使用嵌套导航器隐藏标题,javascript,react-native,react-navigation,Javascript,React Native,React Navigation,我在用官方来处理我的导航。我有一个用于整个应用程序的主选项卡Navigator,其中有两个选项卡(分别称为HitchhikingMapNavigator和SettingsNavigator),每个选项卡都有一个嵌套的StackNavigator: const HitchhikingMapNavigator = StackNavigator({ hitchhikingMap: { screen: HitchhikingMapViewContainer }, spotDetails: { s

我在用官方来处理我的导航。我有一个用于整个应用程序的主选项卡Navigator,其中有两个选项卡(分别称为
HitchhikingMapNavigator
SettingsNavigator
),每个选项卡都有一个嵌套的StackNavigator:

const HitchhikingMapNavigator = StackNavigator({
  hitchhikingMap: { screen: HitchhikingMapViewContainer },
  spotDetails: { screen: SpotDetailsViewContainer }
}, {
  navigationOptions: {
    header: {
      visible: false
    }
  }
});

const SettingsNavigator = StackNavigator({
  // some other routes
});

export default AppNavigator = TabNavigator({
  hitchhikingMap: { screen: HitchhikingMapNavigator },
  settings: { screen: SettingsNavigator }
}, {
  navigationOptions: {
    header: {
      visible: false,
    },
 },
});
如您所见,我将标题的可视性设置为false,即使在我的
HitchhikingMapViewContainer
视图中:

class HitchhikingMapView extends React.Component {

  static navigationOptions = {
    title: 'Map',
    header: {
      visible: false,
    },
    //...other options
  }
然而,标题栏仍然可见:

如果我没有嵌套导航器(即,如果我放入此代码,则跳过嵌套的代码):

然后标题被正确隐藏

结论:当我有两个嵌套的导航器时,我不能使标题不可见。有什么想法吗?

这对我很有用:

headerMode:“无”

对于那些仍在寻找答案的人,我将在这里发布

因此,有两种解决方案:

第一种解决方案:在StackNavigator中使用
headerMode:“无”
。这将从StackNavigator中的所有屏幕中删除标题

第二种解决方案:在StackNavigator中使用
headerMode:'screen'
,并在要隐藏标题的屏幕的
导航选项中添加
标题:{visible:false}


更多信息可在此处找到:

v1.0.0-beta.9开始,使用以下命令:

静态导航选项={
标题:空
}

这对我来说很有效,我正在使用react原生版本0.45的android端

静态导航选项={
标题:空
}

这对我来说可以隐藏导航:

静态导航选项={
标题:空
};

的“反应导航”:“^1.0.0-beta.7”中对我不起作用。
我有“反应导航”:“^1.0.0-beta.9”和方法->静态导航选项={header:false}对我起作用。@DanielArenas你是我的英雄Dudes,反应导航1.0.0-beta.11 header:{visible:false}不起作用。改用header:null。
export default AppNavigator = TabNavigator({
  hitchhikingMap: { screen: HitchhikingMapViewContainer },
  settings: { screen: SettingsNavigator }
});