首页 > 解决方案 > HitRect 如何在 React Native 中与 Pressable 一起使用?

问题描述

我们计划从 TouchableOpacity 切换到 Pressable。

我们希望使用 Pressable 的可选 HitRec 来确保我们的命中目标大小合适(我们将计算尺寸)以实现可访问性目的。

Pressable文档没有关于使用 HitRect 的信息。我在其他地方找到了对 HitRect 的引用,但它们也没有有用的信息。

谁能描述应该如何使用 Pressable 实现 HitRect?

标签: react-nativepressable

解决方案


您可以使用 hitSlop 设置 HitRect,如下例所示

<Pressable
       onPress={() => navigation.toggleDrawer()}
       hitSlop = {50} // to increase the clickable area
       >
                    Menu
</Pressable>

推荐阅读