在自定义 React 导航标题中获取导航道具

Question

我的（简单）React Navigation StackNavigator 中有一个自定义标题，如下所示：

const RootStack = StackNavigator({
  Home: {
    screen: HomeScreen
  }
}, {
  navigationOptions: {
    headerTitle: <GradientHeader title={this.state.navigation.title} />
  }
});

但这会返回undefined is not an object (evaluating 'this.state.navigation')

如何将视图的唯一标题传递给自定义标题？

Answer 1

根据文档，您需要将navigationOptions 作为访问navigation 的函数：

navigationOptions: ({ navigation }) => ({
       headerTitle: <GradientHeader title={navigation.state.params.title} />,
    }),