React Native Swipeable 最小激活距离

Posted 2023-02-19

【中文标题】React Native Swipeable 最小激活距离

【英文标题】：React Native Swipeable min activation distance

【发布时间】：2022-01-06 19:57:13

【问题描述】：

有没有办法使用来自react-native-gesture-handler 的Swipeable 组件设置最小激活滑动距离？目前，如果用户试图在ScrollView 内滚动（没有滚动高度），则可能会意外触发可滑动手势。如果在触发可滑动状态/动画之前有一个最小拖动距离，那可能会有很大帮助。这存在吗？我的屏幕通常没有足够的项目滚动，但偶尔可以，所以这有点分散注意力。

【参考方案1】：

一旦我意识到Swipeable 将其道具传递给底层PanGestureHandler，我就可以混合使用activeOffsetX（激活前的最小水平距离）和failOffsetY（如果在激活前垂直偏离，则防止激活) 来实现我想要的。

<Swipeable
  activeOffsetX=[-30, 30]
  failOffsetY=[-30, 30]
>
  children
</Swipeable>