如何在某些路由上设置headerMode，但不是其他路由。 （React Navigation）

Question

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

我的大部分网页都没有使用标题，我发现如何在全球范围内关闭它。

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

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

我已经尝试了几种从文档中获得的方法，但没有运气。

Answer 1

你可以用你的应用程序导航在根导航，设置navigationOptions.header到null隐藏全部包裹航海家头，然后在要显示表头屏幕上设置navigationOptions.headerTitle。

这个答案是从反应导航版本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, 
    }, 
    }, 
});