将堆栈设置为'headerMode：“ none”'后如何在任何给定页面上显示标题？

Question

我使用react-navigation库在react-native项目中有一个堆栈导航器。最初我不希望显示任何标题。在即将出现的屏幕上，我希望显示一个动态标题。所以在我的导航器配置对象中看起来像：

const authStackConfig = { initialRouteName: 'Login', headermode: 'none' };

在屏幕上，我有

static navigationOptions = {headerMode:'screen'}

但是headerMode不是navigationOption属性...

我曾尝试将导航器配置选项从headerMode更改为header: null，然后在每个屏幕上将标题的title设置为static navigationOptions = {title: "Some title"}，但这也不起作用。如何实现？

Answer 1

解决方案是使用headerMode:'screen'显式设置堆栈配置对象，该对象允许屏幕到屏幕的自定义。然后在想要标题的屏幕上，使用title在堆栈的路由配置对象中定义navigationOptions以显示在标题中，然后在给定的屏幕中定义navigationOptions，例如static navigationOptions = { headerShown: true/false}