Merge branch 'master' into v9-stable

Author: ammarahm-ed

src/index.tsx

@@ -79,6 +79,7 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
       overlayColor = 'black',
       closable = true,
       closeOnTouchBackdrop = true,
+      onTouchBackdrop,
       drawUnderStatusBar = false,
       gestureEnabled = false,
       isModal = true,
@@ -1125,6 +1126,7 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
 
     const onTouch = (event: GestureResponderEvent) => {
       props.onTouchBackdrop?.(event);
+      onTouchBackdrop?.(event);
       if (enableRouterBackNavigation && router.canGoBack()) {
         router.goBack();
         return;
@@ -1146,6 +1148,7 @@ export default forwardRef<ActionSheetRef, ActionSheetProps>(
 
         if (orientationChanged) isOrientationChanging.current = true;
 
+
         actionSheetHeight.current =
           event.nativeEvent.layout.height > dimensionsRef.current.height
             ? dimensionsRef.current.height

src/types.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import {
   Animated,
   GestureResponderEvent,
+
   LayoutRectangle,
   TouchableOpacityProps,
   ViewStyle,
@@ -56,6 +57,7 @@ export type ActionSheetRef<SheetId extends keyof Sheets = never> = {
    */
   currentSnapIndex: () => number;
 
+
   /**
    * Used internally for scrollable views.
    */
@@ -208,6 +210,13 @@ export type ActionSheetProps<SheetId extends keyof Sheets = never> = {
    */
   closeOnTouchBackdrop?: boolean;
 
+  /**
+   * Callback when user touches the backdrop. Includes the GestureResponderEvent.
+   *
+   * Default: undefined
+   */
+  onTouchBackdrop?: (event: GestureResponderEvent) => void;
+
   /**
    * Render a component over the ActionSheet. Useful for rendering
    * Toast components with which user can interact. Should be `absolutely` positioned.