react-native - TouchableOpacity 中的 onPress 不会触发

Question

我需要你的帮助!我的目标是在单击按钮后更改按钮的样式!我听说过 direct manipulation我决定试一试。现在我不知道为什么，但我的 TouchableOpacity 中的 onPress 不起作用。这是代码:

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

这是我的 changeStyle 函数:

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

现在我不知道为什么，但“onPress”从未被触发。
谢谢您的回答!

Answer 1

如果您想使用“this.changeStyle”来执行该函数，请像这样编写您的 onPress:
<TouchableOpacity onPress={this.changeStyle}/>
如果您要在执行 this.changeStyle 的 onPress Prop 中传递一个函数像这样写你的 onPress:
<TouchableOpacity onPress={() => this.changeStyle()}/>
P.S:你为什么有<TouchableHighlight/>里面<TouchableOpacity/> ?只需使用一个并在其上添加 onPress Prop 。