react native：使用headerRight導航時react-navigation崩潰

Question

為什么這行不通？

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

當按下時，expo崩潰，完全沒有錯誤消息。 onPress在我的render方法中的按鈕上起作用，因此它應該在我的headerRight中起作用，對嗎？

如果不加推動，其余所有工作正常，並且我的render方法中完全相同的按鈕也可以正常工作。

Answer 1

我認為您使用反應導航時，從v1.0.0-beta.11開始，您將無法在屏幕NavigationOptions內部訪問“此” 。 但是您將獲得該屏幕的導航對象，可用於如下所示的導航

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