react-native-gesture-handler 2.11.0 → 2.12.1

package/src/components/touchables/GenericTouchable.tsx

@@ -250,6 +250,16 @@ export default class GenericTouchable extends Component<
   }
 
   render() {
+    const hitSlop =
+      (typeof this.props.hitSlop === 'number'
+        ? {
+            top: this.props.hitSlop,
+            left: this.props.hitSlop,
+            bottom: this.props.hitSlop,
+            right: this.props.hitSlop,
+          }
+        : this.props.hitSlop) ?? undefined;
+
     const coreProps = {
       accessible: this.props.accessible !== false,
       accessibilityLabel: this.props.accessibilityLabel,
@@ -262,7 +272,9 @@ export default class GenericTouchable extends Component<
       onAccessibilityAction: this.props.onAccessibilityAction,
       nativeID: this.props.nativeID,
       onLayout: this.props.onLayout,
-      hitSlop: this.props.hitSlop,
+      hitSlop: hitSlop as
+        | Animated.WithAnimatedObject<typeof hitSlop>
+        | undefined,
     };
 
     return (
@@ -273,7 +285,7 @@ export default class GenericTouchable extends Component<
           this.props.disabled ? undefined : this.onHandlerStateChange
         }
         onGestureEvent={this.onGestureEvent}
-        hitSlop={this.props.hitSlop}
+        hitSlop={hitSlop}
         shouldActivateOnStart={this.props.shouldActivateOnStart}
         disallowInterruption={this.props.disallowInterruption}
         testID={this.props.testID}

package/src/components/touchables/TouchableOpacity.tsx

@@ -30,7 +30,9 @@ export default class TouchableOpacity extends Component<
   // opacity is 1 one by default but could be overwritten
   getChildStyleOpacityWithDefault = () => {
     const childStyle = StyleSheet.flatten(this.props.style) || {};
-    return childStyle.opacity == null ? 1 : childStyle.opacity;
+    return childStyle.opacity == null
+      ? 1
+      : (childStyle.opacity.valueOf() as number);
   };
 
   opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());

package/src/handlers/createHandler.tsx

@@ -402,7 +402,7 @@ export default function createHandler<
     }
 
     render() {
-      if (__DEV__ && !this.context && !isJestEnv()) {
+      if (__DEV__ && !this.context && !isJestEnv() && Platform.OS !== 'web') {
         throw new Error(
           name +
             ' must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.'

package/src/handlers/gestures/GestureDetector.tsx

@@ -612,7 +612,7 @@ interface GestureDetectorState {
 }
 export const GestureDetector = (props: GestureDetectorProps) => {
   const rootViewContext = useContext(GestureHandlerRootViewContext);
-  if (__DEV__ && !rootViewContext && !isJestEnv()) {
+  if (__DEV__ && !rootViewContext && !isJestEnv() && Platform.OS !== 'web') {
     throw new Error(
       'GestureDetector must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.'
     );