时间戳

首页 > 解决方案 > Pressable 和 TouchableOpacity 的区别

javascript - Pressable 和 TouchableOpacity 的区别

问题描述

随着react native版本的更新0.63，出现了新的组件。有经验的人可以解释它们与 的Pressable区别TouchableOpacity以及何时更好地使用它们。

标签： javascriptreactjsreact-native

解决方案

Pressable 是对 RN 0.63 的新介绍，在此之前，Touchable Opacity 是最常用的 Component 来包裹一个或类似的组件。

它们的基本功能都是相同的，以使文本/图像可点击和用户交互。

但是Pressable你可以使用很多新的道具，比如：

HitRect，这是一个很酷的功能，根据文档：

手指不是最精确的仪器，用户经常会意外激活错误的元素或错过激活区域。为了提供帮助，Pressable有一个可选项HitRect，您可以使用它来定义触摸可以从包裹元素注册多远。印刷机可以从HitRect.

这显然是我们使用的更好的替代方案hitslop，这里它更精确，您可以定义区域。它也不会干扰子/其他组件 Z-index。

所以基本上你得到了一个按钮的所有功能，touchableOpacity 和很酷的新道具。请查看他们的文档：rn-pressable

希望对您有所帮助。如有疑问，请随意

推荐阅读