onPress in TouchableOpacity löst nicht aus

Question

Ich brauche deine Hilfe! Mein Ziel ist es, den Stil meiner Schaltfläche zu ändern, nachdem ich darauf geklickt habe! Ich hörte von direct manipulation und ich beschloss, es zu versuchen. Jetzt weiß ich nicht warum, aber die onPress in meiner TouchableOpacity funktioniert nicht. Hier ist der Code:

<TouchableOpacity onPress={() => this.changeStyle}> 
    <TouchableHighlight style={styles.answer} ref="answer1"> 
     <Text ...> Some Text </Text> 
    </TouchableHighlight> 
</TouchableOpacity> 

Und hier ist meine changeStyle Funktion:

changeStyle() { 
    this.refs['answer1'].setNativeProps({ 
     style: { backgroundColor: "#13a88a"} 
    }); 
} 

Nun ich weiß nicht, warum, aber die 'onPress' wird nie ausgelöst. Vielen Dank für Ihre Antworten!

Answer 1

Wenn Sie die Funktion ausführen wollen, das von ‚this.changeStyle` mit, schreiben Sie Ihre onPress wie so:

<TouchableOpacity onPress={this.changeStyle}/>

Wenn Sie eine Funktion innerhalb der onPress prop passieren gehen, die this.changeStyle ausführt schreiben Sie Ihre onPress wie so:

<TouchableOpacity onPress={() => this.changeStyle()}/>

PS: Warum Sie <TouchableHighlight/> in einem <TouchableOpacity/> haben Sie? Verwenden Sie einfach einen und fügen Sie die onPress-Props hinzu.