undefined不是一個對象（評估this.props.navigation）

Question

我試圖在導航欄右上角保持可觸摸不透明度，對於onPress的可觸摸不透明度。我想把用戶帶到主頁。

constructor(props) { 
    super(props); 
    this.state = { 
     stAccntList: [], 
     stUserAccountNo: '', 
     stCustNo: '', 
     resp: '', 
    }; 


} 
static navigationOptions = { 
    // title: 'myacc', 
    title: 'My Accounts', 
    headerRight: <TouchableHighlight onPress={() => { 
     this.props.navigation.navigate('home'); 
    }}> 
     <Image style={{ marginRight: 20 }} source={require('../../../resources/toolbar/home_inactive.png')} /> 
    </TouchableHighlight>, 
    headerTintColor: 'white', 
    headerStyle: { 
     backgroundColor: colors.themeColor, 
     // top: 30 
    } 
} 

這是拋出紅色屏幕上面的錯誤。請讓我知道我要去哪裏錯了。

Answer 1

試試這個是工作:)

  static navigationOptions = ({navigation}) => ({ 
       title: 'My Accounts', 
       headerRight: <TouchableHighlight onPress={() => { 
        navigation.navigate('home'); 
       }}> 
       <Image style={{ marginRight: 20, height: 30, width: 30 }} 
source={{ uri:https://media.freepik.com/accounts/img/badges/downloads_gold.png' 
    }} /> 
       </TouchableHighlight>, 
       headerTintColor: 'white', 
       headerStyle: { 
        backgroundColor: colors.themeColor, 
        // top: 30 
       } 
      })