undefined ist kein Objekt (Bewertung this.props.navigation)

Question

Ich versuche, berührbare Deckkraft oben rechts in der Navigationsleiste zu halten, für onPress der berührbaren Deckkraft. Ich möchte den Benutzer zur Startseite bringen.

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 
    } 
} 

Es wirft roten Bildschirm mit dem obigen Fehler. Bitte lassen Sie mich wissen, wo ich falsch liege. diese

Answer 1

Versuchen Sie es Arbeit :)

  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 
       } 
      })