React Navigation：动态标题不会改变

Question

我正在尝试动态更改 react-navigation 导航栏的标题：

componentDidMount() {
  InteractionManager.runAfterInteractions(() => 
      this.props.navigation.setParams({ title:"New Title" });
  });
}

虽然我可以验证这个函数被调用了，但是导航栏并没有变成"New Title."

我是否将错误的 object 传递给了 setParams() 函数？

Answer 1

React 导航不会从 params object 中读取标题。它在组件上使用 navigationOptions 静态属性。

您可以将属性设置为函数：

static navigationOptions = ({navigation}) => {
    title: navigation.state.params.title
}

然后当您设置参数时，标题应该改变。

React Navigation: Dynamic Title Does Not Change