javascript - native react : react-navigation crashes when navigating with headerRight

Question

为什么这不起作用？:

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

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

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

Answer 1

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

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