@umituz/react-native-bottom-sheet 1.1.4 → 1.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-bottom-sheet",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "Modern, performant bottom sheets for React Native with preset configurations, keyboard handling, and smooth animations",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/BottomSheetModal.tsx

@@ -158,6 +158,35 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
     const modalRef = React.useRef<GorhomBottomSheetModal>(null);
     const [isMounted, setIsMounted] = useState(false);
 
+    // Get configuration from preset or custom (must be before useImperativeHandle)
+    const config: BottomSheetConfig = useMemo(() => {
+      if (customSnapPoints) {
+        return BottomSheetUtils.createConfig({
+          snapPoints: customSnapPoints,
+          initialIndex,
+          enableBackdrop,
+          backdropAppearsOnIndex,
+          backdropDisappearsOnIndex,
+          keyboardBehavior,
+          enableHandleIndicator,
+          enablePanDownToClose,
+          enableDynamicSizing,
+        });
+      }
+      return BottomSheetUtils.getPreset(preset);
+    }, [
+      preset,
+      customSnapPoints,
+      initialIndex,
+      enableBackdrop,
+      backdropAppearsOnIndex,
+      backdropDisappearsOnIndex,
+      keyboardBehavior,
+      enableHandleIndicator,
+      enablePanDownToClose,
+      enableDynamicSizing,
+    ]);
+
     // Ensure component is mounted after Reanimated is ready
     // This prevents layoutState.get errors during initial render
     // @gorhom/bottom-sheet uses useAnimatedDetents which accesses layoutState.get
@@ -185,13 +214,9 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
     // Expose ref methods
     React.useImperativeHandle(ref, () => ({
       present: () => {
-        if (isMounted) {
-          modalRef.current?.present();
-          // Snap to initial index after presenting
-          const initialIdx = initialIndex ?? config.initialIndex ?? 0;
-          setTimeout(() => {
-            modalRef.current?.snapToIndex(initialIdx);
-          }, 100);
+        if (isMounted && modalRef.current) {
+          // @gorhom/bottom-sheet's present() automatically opens from bottom to first snap point
+          modalRef.current.present();
         }
       },
       dismiss: () => {
@@ -221,41 +246,12 @@ export const BottomSheetModal = forwardRef<BottomSheetModalRef, BottomSheetModal
       },
     }));
 
-    // Don't compute config or callbacks until mounted to prevent early hook execution
+    // Don't render until mounted to prevent early hook execution
     // This ensures @gorhom/bottom-sheet's internal hooks don't run before Reanimated is ready
     if (!isMounted) {
       return null;
     }
 
-    // Get configuration from preset or custom
-    const config: BottomSheetConfig = useMemo(() => {
-      if (customSnapPoints) {
-        return BottomSheetUtils.createConfig({
-          snapPoints: customSnapPoints,
-          initialIndex,
-          enableBackdrop,
-          backdropAppearsOnIndex,
-          backdropDisappearsOnIndex,
-          keyboardBehavior,
-          enableHandleIndicator,
-          enablePanDownToClose,
-          enableDynamicSizing,
-        });
-      }
-      return BottomSheetUtils.getPreset(preset);
-    }, [
-      preset,
-      customSnapPoints,
-      initialIndex,
-      enableBackdrop,
-      backdropAppearsOnIndex,
-      backdropDisappearsOnIndex,
-      keyboardBehavior,
-      enableHandleIndicator,
-      enablePanDownToClose,
-      enableDynamicSizing,
-    ]);
-
     // Render backdrop component
     const renderBackdrop = useCallback(
       (props: BottomSheetBackdropProps) =>