反应导航：动态标题不会更改

Question

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

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

虽然我可以验证是否已调用此功能，但导航栏不会更改为“新标题”。

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

Answer 1

反应导航不会从params对象读取标题。它使用组件上的navigationOptions静态属性。

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

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

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