Merge pull request #73 from lukahc/onShouldBlockNativeResponder

onShouldBlockNativeResponder
openspacelabs · Oct 6, 2023 · ad42e6d · ad42e6d
2 parents 2ed7ec2 + ca71d95
commit ad42e6d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -254,6 +254,7 @@ Sometimes you need to change deeper level behavior, so we prepared these panresp
 | onPanResponderTerminate          | Will be called when the gesture is force-interrupted by another handler                                                                                                                                             | event, gestureState, zoomableViewEventObject                      | void                                                |
 | onPanResponderTerminationRequest | Callback asking whether the gesture should be interrupted by another handler (**iOS only** due to https://github.com/facebook/react-native/issues/27778, https://github.com/facebook/react-native/issues/5696, ...) | event, gestureState, zoomableViewEventObject                      | void                                                |
 | onPanResponderMove               | Will be called when user moves while touching                                                                                                                                                                       | event, gestureState, zoomableViewEventObject                      | void                                                |
+| onShouldBlockNativeResponder     | Returns whether this component should block native components from becoming the JS responder                                                                                                                        | event, gestureState, zoomableViewEventObject                      | boolean                                             |
 
 ### zoomableViewEventObject
 

diff --git a/src/ReactNativeZoomableView.tsx b/src/ReactNativeZoomableView.tsx
@@ -127,7 +127,12 @@ class ReactNativeZoomableView extends Component<
           gestureState,
           this._getZoomableViewEventObject()
         ),
-      onShouldBlockNativeResponder: () => false,
+      onShouldBlockNativeResponder: (evt, gestureState) =>
+        !!this.props.onShouldBlockNativeResponder?.(
+          evt,
+          gestureState,
+          this._getZoomableViewEventObject()
+        ),
     });
 
     this.zoomSubjectWrapperRef = createRef<View>();

diff --git a/src/typings/index.ts b/src/typings/index.ts
@@ -132,6 +132,11 @@ export interface ReactNativeZoomableViewProps extends ViewProps {
     gestureState: PanResponderGestureState,
     zoomableViewEventObject: ZoomableViewEvent
   ) => boolean;
+  onShouldBlockNativeResponder?: (
+    event: GestureResponderEvent,
+    gestureState: PanResponderGestureState,
+    zoomableViewEventObject: ZoomableViewEvent
+  ) => boolean;
 }
 
 export interface Vec2D {