对文本的本机TouchableOpacity效果

Question

我希望我的Text组件具有与TouchableOpacity相同的触摸效果。无论如何，可以通过样式表或道具实现这一目标吗？我可以让onPress降低不透明度，但是那不会使不透明度回升。

Answer 1

您想要这样吗？

renderButton: function() {
  return (
    <TouchableOpacity onPress={this._onPressButton}>
      <Image
        style={styles.button}
        source={require('./myButton.png')}
      />
    </TouchableOpacity>
  );
},

Answer 2

您应该在Text周围加上TouchableOpacity，它们会一起工作

<TouchableOpacity onPress={() => console.log('pressed')}>
  <Text style={styles.buttonText}>
    Your text
  <Text>
</TouchableOpacity>

然后您可以根据需要更改() => console.log('pressed')。

此外，您可以使用TouchableHighlight进行样式设置，请查看文档。