文本上的反应原生可触摸不透明度效果

Question

我希望我的文本组件具有与触摸时相同的效果。有没有办法用样式表或道具做到这一点？我可以让 onPress 降低不透明度，但这不会让不透明度回升。

Answer 1

你想要这样吗？

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

Answer 2

你应该用TouchableOpacity它们一起工作Text标签包围

起来

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

然后，您可以使用任何您想要的内容更改() => console.log('pressed')。

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