@umituz/react-native-splash 1.6.2 → 1.6.4

package/package.json

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

@@ -66,13 +66,16 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
     ? undefined
     : backgroundColor || tokens.colors.primary;
 
-  const finalGradientColors: readonly string[] = gradientColors || [
-    finalBackgroundColor!,
-  ];
-
   // Use LinearGradient only if gradientColors provided (length > 1)
   const hasGradient = gradientColors && gradientColors.length > 1;
 
+  // For LinearGradient, ensure at least 2 colors (tuple type requirement)
+  const finalGradientColors: [string, string, ...string[]] = hasGradient
+    ? (gradientColors.length >= 2
+        ? (gradientColors as [string, string, ...string[]])
+        : [gradientColors[0], gradientColors[0] || finalBackgroundColor!])
+    : [finalBackgroundColor!, finalBackgroundColor!];
+
   const content = (
     <>
       <SplashDecorations />
@@ -111,7 +114,7 @@ export const SplashScreen: React.FC<SplashScreenProps> = ({
     <View style={styles.container}>
       {hasGradient ? (
         <LinearGradient
-          colors={finalGradientColors as readonly string[]}
+          colors={finalGradientColors}
           start={{ x: 0, y: 0 }}
           end={{ x: 1, y: 1 }}
           style={styles.gradient}