react-native – 如何在某些路由上设置headerMode而不在其他路由

发布时间：2020-12-15 20:17:10 所属栏目：百科来源：网络整理

导读：使用 React Navigation是否可以使用headerMode定义某些路由而其他路由没有？我的大多数页面都不使用标题,我发现如何全局关闭它. export const App = StackNavigator({ PhotoView: { screen: Photos },ListView: { screen: List }},{ headerMode: 'none'});

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

我的大多数页面都不使用标题,我发现如何全局关闭它.

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

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

我从文档中尝试了几种方法,但没有运气.

解决方法

您可以将应用程序导航器包装在根导航器中,将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,});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!