根据道具设置导航栏的标题

时间:2018-05-03 15:21:52

标签: react-native react-navigation

如何根据道具设置导航栏的标题,我想做类似下面的事情。

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

};

1 个答案:

答案 0 :(得分:5)

您可以在路线配置中覆盖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