react-native - 根据 props 设置导航栏的标题

Question

如何根据 Prop 设置导航栏的标题，我想做如下的事情。

static navigationOptions = {
title: this.props.navigation.state.params.name,

};

Answer 1

您可以覆盖 navigationOptions在路由配置中为您执行此操作:

// Optional: Override the `navigationOptions` for the screen
navigationOptions: ({ navigation }) => ({
  title: `${navigation.state.params.name}'s Profile'`,
})

来源: https://reactnavigation.org/docs/stack-navigator.html#routeconfigs