陣營，導航HeaderRight onPress處理程序拋出錯誤

Question

我想要使用反應導航實現一個onPress處理程序，讓我瀏覽到一個屏幕調用任務

下面的代碼顯示了headerRight就好了。然而，當我點擊headerRight按鈕，我得到以下錯誤

「未定義不是在我的世博會模擬器上的對象（評估_this2.props.navigation）」。

任何人都知道我的onPress處理程序出了什麼問題？ 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

我設法代碼工作

希望這可以幫助那些使用反應導航和想要呈現一個可行的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)' 
    /> 
});