feat: react to index prop changes

gorhom · Jul 18, 2021 · 55af54b · 55af54b
1 parent 603f492
commit 55af54b
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/components/bottomSheet/BottomSheet.tsx b/src/components/bottomSheet/BottomSheet.tsx
@@ -4,6 +4,7 @@ import React, {
   forwardRef,
   useImperativeHandle,
   memo,
+  useEffect,
 } from 'react';
 import { Keyboard, Platform } from 'react-native';
 import invariant from 'invariant';
@@ -1695,16 +1696,32 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
       },
       [handleOnChange]
     );
+
+    /**
+     * React to `index` prop to snap the sheet to the new position.
+     *
+     * @alias onIndexChange
+     */
+    useEffect(() => {
+      if (isAnimatedOnMount.value) {
+        handleSnapToIndex(_providedIndex);
+      }
+    }, [
+      _providedIndex,
+      animatedCurrentIndex,
+      isAnimatedOnMount,
+      handleSnapToIndex,
+    ]);
     //#endregion
 
     // render
     print({
       component: BottomSheet.name,
       method: 'render',
       params: {
-        topInset,
-        bottomInset,
         animatedSnapPoints: animatedSnapPoints.value,
+        animatedCurrentIndex: animatedCurrentIndex.value,
+        providedIndex: _providedIndex,
       },
     });
     return (