react-native - 文本上的 React-native TouchableOpacity 效果

Question

我希望我的 Text 组件具有与 TouchableOpacity 在触摸时相同的效果。无论如何，样式表或道具可以做到这一点吗？我可以让 onPress 降低不透明度，但这不会让不透明度恢复。

标签： react-native

Answer 1

你应该把你的Text标签包围起来，TouchableOpacity它们会一起工作

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

然后你可以() => console.log('pressed')随心所欲地改变。

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