リアクト-ナビゲーションHeaderRightたonPressハンドラがエラー

Question

を投げ、私は反応し、ナビゲーションを私はタスク

以下のコードと呼ばれる画面に移動することができたonPressハンドラを実装するために使用しようとmはうまくheaderRightを示しています。しかし、headerRightボタンをクリックすると、次のエラーが表示されます。

"私の万博シミュレータで未定義のオブジェクトは評価されていません（_this2.props.navigationを評価しています）"

誰かが私のonPressハンドラで間違っていたことを知っていますか？

static navigationOptions = { 
    title: 'List', 

    headerRight: (
     <Button 
     title='Add Task' 
     onPress={() => this.props.navigation.navigate('task')} 
     backgroundColor='rgba(0,0,0,0)' 
     color='rgba(0,122,255,1)' 
     />) 

} 

Answer 1

TQ私はコードが、これは、それらの使用反応し、ナビゲーションを助けることができる

希望を作業し、実行可能なheaderRight

static navigationOptions = ({navigation}) => ({ 
    title: 'List', 
    headerRight: <Button 
     title= 'Add Task' 
     onPress={() => navigation.navigate('task')} 
     backgroundColor='rgba(0,0,0,0)' 
     color='rgba(0,122,255,1)' 
    /> 
}); 

にレンダリングしたい得ることができました