本机反应：使用 headerRight 导航时反应导航崩溃

Question

为什么这不起作用？:

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

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

如果不按下，其余的都有效，我的渲染方法中完全相同的按钮也能正常工作。

Answer 1

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

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

react native: react-navigation crashes when navigating with headerRight