refactor: added onPress prop to backdrop component (gorhom#1029)(by @tarikpnr)

* feat: adding onPress prop to backdrop component

Motivation: There might be specific scenarios where some action needs to be executed on pressing backdrop component.

* fix: added backdrop onPress prop to dependency array

Author: tarikfp

src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx

@@ -30,6 +30,7 @@ const BottomSheetBackdropComponent = ({
   disappearsOnIndex: _providedDisappearsOnIndex,
   enableTouchThrough: _providedEnableTouchThrough,
   pressBehavior = DEFAULT_PRESS_BEHAVIOR,
+  onPress,
   style,
   children,
 }: BottomSheetDefaultBackdropProps) => {
@@ -54,14 +55,16 @@ const BottomSheetBackdropComponent = ({
 
   //#region callbacks
   const handleOnPress = useCallback(() => {
+    onPress?.();
+
     if (pressBehavior === 'close') {
       close();
     } else if (pressBehavior === 'collapse') {
       snapToIndex(disappearsOnIndex as number);
     } else if (typeof pressBehavior === 'number') {
       snapToIndex(pressBehavior);
     }
-  }, [snapToIndex, close, disappearsOnIndex, pressBehavior]);
+  }, [snapToIndex, close, disappearsOnIndex, pressBehavior, onPress]);
   const handleContainerTouchability = useCallback(
     (shouldDisableTouchability: boolean) => {
       setPointerEvents(shouldDisableTouchability ? 'none' : 'auto');

src/components/bottomSheetBackdrop/types.d.ts

@@ -40,6 +40,12 @@ export interface BottomSheetDefaultBackdropProps
    * @default 'close'
    */
   pressBehavior?: BackdropPressBehavior;
+
+  /**
+   * Function which will be executed on pressing backdrop component
+   * @type {Function}
+   */
+  onPress?: () => void;
   /**
    * Child component that will be rendered on backdrop.
    */