如何在某些路由而不是其他路由上设置 headerMode。 （反应导航）

Question

使用React Navigation 是否可以使用 headerMode 定义某些路由而没有其他路由？

我的大部分页面不使用页眉，我找到了如何在全局范围内关闭它。

export const App = StackNavigator({
  PhotoView: {
    screen: Photos
  },
  ListView: {
    screen: List
  }
}, {
  headerMode: 'none'
});

但如果我想在ListView 上显示标题，我该怎么做呢？

我尝试了文档中的几种方法，但没有运气。

Answer 1

您可以将应用导航器包装在根导航器中，将navigationOptions.header 设置为null 以隐藏所有包装的导航器标题，然后在要显示标题的屏幕上设置navigationOptions.headerTitle。

此答案基于 react-navigation 版本 v1.0.0-beta.9

const App = StackNavigator({
  PhotoView: {
    screen: Photos,
  },
  ListView: {
    screen: List,
    navigationOptions: {
      headerTitle: 'ListView',
    },
  }
});

export const Root = StackNavigator({
  Root: { 
    screen: App,
    navigationOptions: {
      header: null,
    },
  },
});

Answer 2

您可以在 screen 属性的组件中隐藏导航器标题：

static navigationOptions = {
    header: null
};