何时使用 TouchableNativeFeedback、TouchableHighlight 或 TouchableOpacity?

2024-01-08

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

  • 可触摸的本地反馈 http://facebook.github.io/react-native/releases/0.31/docs/touchablenativefeedback.html#touchablenativefeedback仅适用于 Android,并且“用 RCTView 的另一个实例替换视图”
  • 可触摸高亮 https://facebook.github.io/react-native/docs/touchablehighlight.html#touchablehighlight“将视图添加到视图层次结构”
  • 可触摸不透明度 https://facebook.github.io/react-native/docs/touchableopacity.html#touchableopacity“无需更改视图层次结构”即可工作

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

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


source: https://medium.com/ Differential/better-cross-platform-react-native-components-cb8aadeba472 https://medium.com/differential/better-cross-platform-react-native-components-cb8aadeba472,作者:尼克·维恩奇

TouchableHighlight

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

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

TouchableOpacity

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

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

TouchableNativeFeedback

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

何时使用 TouchableNativeFeedback、TouchableHighlight 或 TouchableOpacity? 的相关文章

随机推荐