有没有办法可视化或调试 React Native 组件的 hitSlop?

bry*_*ark 5 react-native

我的应用程序中有一个按钮,感觉很难点击。我很确定点击目标太小,我想改进它 -hitSlop应该可以解决问题,但无论出于何种原因,它似乎没有效果!

我在文档中看到一条注释:

触摸区域永远不会超出父视图边界,并且如果触摸击中两个重叠视图,则同级视图的 Z 索引始终优先。

...但我非常确信这篇文章不适用于我的情况。有任何想法吗?

Jay*_*Jay 11

您可以从调试器菜单中找到触摸区域。按照此步骤获取元素的触摸区域,

  1. 打开调试器菜单(对于 iOS (Cmd + d) 和 Android (Cmd + m))。从菜单中选择“显示检查”。

    https://i.stack.imgur.com/70LsI.png

  2. 在按下检查时,您将获得元素的面积

    https://i.stack.imgur.com/nTQ06.png

  3. 从底部菜单中选择“可触摸”,您将获得元素区域的可触摸区域。(可触摸区域如虚线所示)

    https://i.stack.imgur.com/Qw9ah.png