react native：使用 headerRight 导航时，react-navigation 崩溃

【问题标题】：react native: react-navigation crashes when navigating with headerRightreact native：使用 headerRight 导航时，react-navigation 崩溃
【发布时间】：2017-08-11 09:38:49
【问题描述】：

为什么这不起作用？：

headerRight: <Button title="Prout" onPress={() => this.props.navigation.navigate('MenuCQ')}/>

按下时，expo 会崩溃，根本没有错误消息。 onPress 在我的渲染方法中作用于一个按钮，所以它应该在我的 headerRight 中工作，对吧？

如果不按，其余的都可以正常工作，而且我的渲染方法中完全相同的按钮也可以正常工作。

【问题讨论】：

标签： javascript react-native react-navigation

【解决方案1】：

我认为您使用 react-navigation，从 v1.0.0-beta.11 开始，您无法在屏幕 navigationOptions 内访问 'this'。但是您将获得该屏幕的导航对象，您可以使用它来导航，如下所示

navigationOptions: ({navigation}) => ({
      headerRight: <Button title="Prout" onPress={() => navigation.navigate('MenuCQ')}/>
    }),

【讨论】：

我遇到了同样的错误，但使用的是您的代码。我正在使用 react-navigation 1.5.1。如果我将其更改为 headerLeft，它就可以正常工作。