feat: implement callbacks functions to bottomsheet component

stanleyugwu · Nov 8, 2023 · 002b762 · 002b762
1 parent 22b93e8
commit 002b762
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/src/components/bottomSheet/index.tsx b/src/components/bottomSheet/index.tsx
@@ -68,6 +68,8 @@ const BottomSheet = forwardRef<BottomSheetMethods, BottomSheetProps>(
       closeDuration = DEFAULT_CLOSE_ANIMATION_DURATION,
       customEasingFunction,
       android_closeOnBackPress = true,
+      onClose,
+      onOpen,
     },
     ref
   ) => {
@@ -314,6 +316,10 @@ const BottomSheet = forwardRef<BottomSheetMethods, BottomSheetProps>(
         Animators.animateHeight(convertedHeight, openDuration).start();
       }
       setSheetOpen(true);
+
+      if (onOpen) {
+        onOpen();
+      }
     };
 
     const closeBottomSheet = () => {
@@ -334,6 +340,10 @@ const BottomSheet = forwardRef<BottomSheetMethods, BottomSheetProps>(
       setSheetOpen(false);
       removeKeyboardListeners();
       Keyboard.dismiss();
+
+      if (onClose) {
+        onClose();
+      }
     };
 
     const containerViewLayoutHandler = (event: LayoutChangeEvent) => {

diff --git a/src/components/bottomSheet/types.d.ts b/src/components/bottomSheet/types.d.ts
@@ -292,6 +292,36 @@ interface BottomSheetProps {
    * @default {true}
    */
   android_closeOnBackPress?: boolean;
+
+  /**
+   * Сallback function that is called when the bottom sheet starts to close
+   *
+   * @example
+   * <BottomSheet
+   *   onClose={() => {
+   *     console.log('Bottom Sheet closing.');
+   *   }}
+   * />
+   *
+   * @type {Function}
+   * @default undefined
+   */
+  onClose?: Function;
+
+  /**
+   * Сallback function that is called when the bottom sheet starts to open
+   *
+   * @example
+   * <BottomSheet
+   *   onOpen={() => {
+   *     console.log('Bottom Sheet opening.');
+   *   }}
+   * />
+   *
+   * @type {Function}
+   * @default undefined
+   */
+  onOpen?: Function;
 }
 
 export {