如何在Swipeable滑动时禁用内部Pressable组件的onPress触发？

方法一：利用手势开始/结束事件锁定Pressable #

react-native-gesture-handler的<Swipeable/>提供了onGestureBegin和onGestureEnd属性，这两个能在滑动手势启动和结束的瞬间触发，刚好能解决现有回调反馈不及时的问题：

1. 声明状态变量跟踪滑动状态：

const [isSwiping, setIsSwiping] = useState(false);

2. 给Swipeable绑定手势回调：

<Swipeable
  onGestureBegin={() => setIsSwiping(true)}
  onGestureEnd={() => setIsSwiping(false)}
  onSwipeableClose={() => setIsSwiping(false)} // 兜底，确保滑动结束后状态重置
  renderRightActions={...}
>

3. 给内部的Pressable添加禁用逻辑：

<Pressable
  disabled={isSwiping}
  onPress={() => { /* 你的点击逻辑 */ }}
>
  {/* 子组件内容 */}
</Pressable>

滑动过程中Pressable会被禁用，完全不会触发onPress，滑动结束后自动恢复可用。

方法二：给Pressable添加点击延迟（快速 workaround） #

如果不想改太多状态逻辑，可以直接给Pressable设置delayPressIn属性，让点击事件延迟触发——滑动手势因为移动速度快，不会触发到延迟后的点击：

<Pressable
  delayPressIn={200} // 200ms延迟，可根据需求调整
  onPress={() => { /* 你的点击逻辑 */ }}
>
  {/* 子组件内容 */}
</Pressable>

这个方法简单，但正常点击会有轻微延迟，适合对交互灵敏度要求不高的场景。

注意事项 #

• 如果你用的是其他第三方Swipeable库（比如react-native-swipeable），可以找对应的onSwipeStart/onSwipeEnd回调，逻辑一致：用状态锁定Pressable即可。
• 记得在所有滑动结束的场景重置isSwiping状态，比如滑动打开后再关闭的情况，避免Pressable一直被禁用。

内容的提问来源于stack exchange，提问作者jjyj