react-native - 何时使用 TouchableNativeFeedback、TouchableHighlight 或 TouchableOpacity？

Question

在React Native中，至少有三种制作按钮的方法:TouchableNativeFeedback、TouchableHighlight和TouchableOpacity。还有 TouchableWithoutFeedback，文档明确指出您不应该使用它，因为“所有响应按下的元素在触摸时都应该有视觉反馈”。

• TouchableNativeFeedback仅适用于 Android，并且“用 RCTView 的另一个实例替换 View”
• TouchableHighlight “将 View 添加到 View 层次结构中”
• TouchableOpacity “无需更改 View 层次结构”即可工作

三者之间还有其他显着差异吗？其中之一是 goto 组件吗？在什么情况下应该使用 TouchableHighlight 而不是 TouchableOpacity？对性能有影响吗？

我现在正在编写一个应用程序，发现这三个应用程序在点击和操作(在本例中是导航更改)之间都有显着的延迟。有什么办法可以让它变得更快吗？

Answer 1

来源:https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472 ，作者:尼克·维恩奇

TouchableHighlight

• 它的作用:按下时使元素的背景变暗或变亮。

• 何时使用它:在 iOS 上用于具有实体形状或背景的可触摸元素或按钮，以及在 ListView 项目上。

TouchableOpacity

• 它的作用:按下时减轻整个元素的不透明度。

• 何时使用它:在 iOS 上，用于可触摸元素，这些元素是没有背景颜色的独立文本或图标。

TouchableNativeFeedback

• 它的作用:按下时向背景添加波纹效果。

• 何时使用它:在 Android 上几乎所有可触摸元素。