javascript - 在 react 导航 5.x 上动态更改标题标题

Question

我最近更新了我的项目以响应导航 5.x。
在早期版本中，我们使用如下设置标题标题:

static navigationOptions = ({ navigation }) => ({
        title: 'find',
});

这不适用于 React Navigation 5.x。
请建议。

Answer 1

您可以通过 2 种方法来完成；
1:设置options成为屏幕上的变量并保留当前代码:

<Stack.Screen
  name="Label"
  component={Component}
  options={Component.navigationOptions}
/>

// component
static navigationOptions = {
  title: 'find',
};

2:通过使用 setOptions在您的组件中:

<Stack.Screen
  name="News"
  component={News}
  options={{
    title: 'Default',
  }}
/>

// component
this.props.navigation.setOptions({title: 'find'});