Question

似乎 react native panResponder onRelease 事件正在窃取可触摸的不透明度 onpress 事件。

可触摸不透明度的 onpressin 和 onpressout 事件仍然正确触发，但 onpress 事件仅在 pan 响应器上的 onrelease 事件未触发时触发（此问题仅在 ios 上发生，在 android 上完美运行）。可触摸不透明度的文档说，如果响应者窃取了触摸，则 onpress 不会被调用，但我不知道如何让它停止窃取简单按下的触摸。

这是我的代码的简化版本：

const panResponder = useMemo(() => {
    return PanResponder.create({
      onMoveShouldSetPanResponder: () => true,
      onPanResponderGrant: (evt, gestureState) => {
        dostuff()
      },
      onPanResponderMove: (evt, gestureState) => {
       dostuff()
      },
      onPanResponderRelease: (evt, gestureState) => {
        dostuff()
      },

      onShouldBlockNativeResponder: () => {
        return true;
      },

return (
    <View {...panResponder.panHandlers} style={[styles.view, style]}>
      <Button 
onPress={() => {
         //not logging
         console.log('Onpress firing")}

} onPressIn={() => {
        //getting logged
        console.log('Onpressin firing')
}} onPressOut={() => {
        //getting logged
        console.log('Onpressout firing')
}}
/>
    </View>
  );

Answer 1

似乎在 iOS 上调用 onMoveShouldSetResponder 时的边距比在 Android 上要小，因此即使您的手指移动少量，它也会被调用。我设法通过这样做来修复它。

      onMoveShouldSetPanResponder: (evt, {dx, dy}) => {
        if (dx > 0 || dy > 0) {
          return true;
        }

        return false;
      },

反应原生 panResponder onRelease 事件窃取可触摸的不透明度 onpress 事件

1 个答案: