@umituz/react-native-splash 1.11.0 → 1.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-splash",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "description": "Generic splash screen for React Native apps with animations, gradients, and customizable branding. SOLID, DRY, KISS principles applied.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/SplashScreen.tsx

@@ -5,7 +5,7 @@
  * Only basic React Native + expo-linear-gradient + safe-area
  */
 
-import React, { useEffect, useRef } from "react";
+import React, { useEffect, useRef, useCallback } from "react";
 import { View, Text, StyleSheet, ActivityIndicator } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -36,23 +36,33 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
 }) => {
   const insets = useSafeAreaInsets();
   const timerRef = useRef<NodeJS.Timeout | null>(null);
+  const onReadyRef = useRef(onReady);
+  const hasCalledOnReady = useRef(false);
 
-  if (__DEV__) console.log("[SplashScreen] visible:", visible);
+  // Keep onReady ref updated but don't trigger re-render
+  useEffect(() => {
+    onReadyRef.current = onReady;
+  }, [onReady]);
+
+  // Stable callback that uses ref
+  const handleReady = useCallback(() => {
+    if (hasCalledOnReady.current) return;
+    hasCalledOnReady.current = true;
+    onReadyRef.current?.();
+  }, []);
 
   useEffect(() => {
     if (!visible) return;
 
-    if (__DEV__) console.log("[SplashScreen] Timer start:", minimumDisplayTime);
+    // Reset when becoming visible again
+    hasCalledOnReady.current = false;
 
-    timerRef.current = setTimeout(() => {
-      if (__DEV__) console.log("[SplashScreen] onReady called");
-      onReady?.();
-    }, minimumDisplayTime);
+    timerRef.current = setTimeout(handleReady, minimumDisplayTime);
 
     return () => {
       if (timerRef.current) clearTimeout(timerRef.current);
     };
-  }, [visible, minimumDisplayTime, onReady]);
+  }, [visible, minimumDisplayTime, handleReady]);
 
   if (!visible) return null;