React-Navigation HeaderRight onPress Handler wirft Fehler

Question

i versuch reagieren-Navigation zu verwenden, um einen onPress Handler zu implementieren, die mich zu einem Bildschirm navigieren können genannt Aufgaben

der folgende Code zeigt die headerRight just fine. wenn ich jedoch auf die headerRight-Schaltfläche klicke, erhalte ich den folgenden Fehler:

"Undefined ist kein Objekt (Bewertung _this2.props.navigation) auf meinem Expo-Simulator".

Wer weiß, was mit meinem OnPress-Handler schief gehen könnte? Tq

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

konnte ich

Hoffnung die Codes zum Laufen bringen dies jene mit reagieren-Navigation helfen können und eine tragfähige 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)' 
    /> 
}); 

machen wollen