@umituz/react-native-splash 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-splash",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "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

@@ -45,6 +45,12 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
   const responsive = useResponsive();
   const insets = useSafeAreaInsets();
   const { t } = useLocalization();
+  
+  // Safety check: Don't render if tokens or responsive are not ready
+  if (!tokens || !responsive || !tokens.spacing || !responsive.horizontalPadding) {
+    return null;
+  }
+  
   const styles = useMemo(
     () => getStyles(tokens, responsive, insets, backgroundColor, gradientColors),
     [tokens, responsive, insets, backgroundColor, gradientColors],
@@ -215,8 +221,29 @@ const getStyles = (
   insets: { top: number; bottom: number },
   backgroundColor?: string,
   gradientColors?: string[],
-) =>
-  StyleSheet.create({
+) => {
+  // Safety check: Return empty styles if tokens or responsive are not ready
+  if (!tokens || !responsive || !tokens.spacing || !tokens.colors || !responsive.horizontalPadding) {
+    return StyleSheet.create({
+      container: { flex: 1 },
+      backgroundGradient: {},
+      content: {},
+      logoContainer: {},
+      logoBackground: {},
+      textContainer: {},
+      appName: {},
+      tagline: {},
+      loadingContainer: {},
+      loadingBar: {},
+      loadingProgress: {},
+      loadingText: {},
+      footer: {},
+      footerText: {},
+      versionText: {},
+    });
+  }
+  
+  return StyleSheet.create({
     container: {
       flex: 1,
       backgroundColor: backgroundColor || tokens.colors.primary,
@@ -319,4 +346,5 @@ const getStyles = (
       fontSize: responsive.getFontSize(STATIC_TOKENS.typography.caption.fontSize ?? 12),
     },
   });
+};