javascript - Pressable 和 TouchableOpacity 的区别

Question

随着更新 react native到版本 0.63 ，出现了新的组件。谁能解释一下 Pressable不同于 TouchableOpacity以及何时更好地使用它们。

Answer 1

Pressable 是对 RN 0.63 的新介绍，在此之前，Touchable Opacity 是最常用的 Component 来包裹一个或类似的组件。
它们的基本功能都是相同的，以使文本/图像可点击和用户交互。
但与 Pressable您可以访问许多新 Prop ，例如:HitRect ，这是一个很酷的功能，根据文档:

Fingers are not the most precise instruments, and it is common forusers to accidentally activate the wrong element or miss theactivation area. To help, Pressable has an optional HitRect you canuse to define how far a touch can register away from the the wrappedelement. Presses can start anywhere within a HitRect.

这显然是我们用于 hitslop 的更好的替代方案。 ，这里它更精确，您可以定义区域。它也不会干扰子/其他组件的 Z-index。
所以基本上你得到了一个按钮的所有功能，touchableOpacity 和很酷的新 Prop 。请查看他们的文档: rn-pressable
注意:同样正如该线程中的其他评论所暗示的，Pressable 仍然没有与 onPress 事件相关的动画
希望对您有所帮助。如有疑问，请随意