react-native-custom-splash 2.1.5 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-native-custom-splash",
-    "version": "2.1.5",
+    "version": "3.0.0",
     "description": "A custom splash screen module for React Native with native iOS and Android support, fully compatible with Expo",
     "main": "src/index.js",
     "types": "src/index.d.ts",
@@ -17,7 +17,7 @@
         "android",
         "native-module"
     ],
-    "author": "Your Name",
+    "author": "Vijay Kishan",
     "license": "MIT",
     "repository": {
         "type": "git",

package/plugin/src/index.js

@@ -8,6 +8,7 @@ const {
 } = require('@expo/config-plugins');
 const path = require('path');
 const fs = require('fs');
+const withForcediOSSplash = require('./withCustomSplash');
 
 /**
  * Validate and normalize plugin configuration
@@ -530,6 +531,6 @@ module.exports = (config, props = {}) => {
 
     return withPlugins(config, [
         [withSplashScreenAndroid, pluginConfig],
-        [withSplashScreenIOS, pluginConfig],
+        [withForcediOSSplash, pluginConfig],
     ]);
 };

package/plugin/src/withCustomSplash.js

@@ -0,0 +1,242 @@
+const { withDangerousMod, withPlugins } = require('@expo/config-plugins');
+const path = require('path');
+const fs = require('fs');
+
+/**
+ * ULTIMATE iOS Splash Fix - Forceful & Complete
+ * This DISABLES Expo's splash and FORCES user images
+ */
+function withForcediOSSplash(config, pluginConfig) {
+    // STEP 1: Disable Expo's default splash completely
+    config = {
+        ...config,
+        splash: undefined,  // Remove Expo splash config
+        ios: {
+            ...config.ios,
+            splash: undefined  // Remove iOS splash config
+        }
+    };
+
+    // STEP 2: Use dangerousMod to forcefully set everything
+    return withDangerousMod(config, [
+        'ios',
+        async (config) => {
+            const projectRoot = config.modRequest.projectRoot;
+            const iosPath = config.modRequest.platformProjectRoot;
+            const projectName = config.modRequest.projectName;
+
+            console.log('\n� FORCING CUSTOM SPLASH SCREEN (FINAL FIX)...\n');
+
+            // Wait a bit to ensure Expo is done
+            await new Promise(resolve => setTimeout(resolve, 100));
+
+            // NUCLEAR OPTION: Delete EVERYTHING splash-related
+            const filesToDelete = [
+                path.join(iosPath, projectName, 'SplashScreen.storyboard'),
+                path.join(iosPath, projectName, 'LaunchScreen.storyboard'),
+                path.join(iosPath, projectName, 'Images.xcassets', 'SplashScreenLegacy.imageset'),
+                path.join(iosPath, projectName, 'Images.xcassets', 'SplashScreen.imageset'),
+                path.join(iosPath, projectName, 'Images.xcassets', 'SplashScreenBackground.imageset'),
+            ];
+
+            filesToDelete.forEach(filePath => {
+                try {
+                    if (fs.existsSync(filePath)) {
+                        if (fs.lstatSync(filePath).isDirectory()) {
+                            fs.rmSync(filePath, { recursive: true, force: true });
+                        } else {
+                            fs.unlinkSync(filePath);
+                        }
+                        console.log('🗑️  Deleted:', path.basename(filePath));
+                    }
+                } catch (e) {
+                    // Ignore errors
+                }
+            });
+
+            // Force update Info.plist
+            const plistPath = path.join(iosPath, projectName, 'Info.plist');
+            if (fs.existsSync(plistPath)) {
+                let plist = fs.readFileSync(plistPath, 'utf8');
+
+                // Remove ALL launch screen configurations
+                plist = plist.replace(/<key>UILaunchStoryboardName<\/key>\s*<string>.*?<\/string>/g, '');
+                plist = plist.replace(/<key>UILaunchScreen<\/key>[\s\S]*?<\/dict>/g, '');
+
+                // Add our LaunchScreen BEFORE closing dict
+                if (!plist.includes('UILaunchStoryboardName')) {
+                    plist = plist.replace(
+                        '</dict>\n</plist>',
+                        '\t<key>UILaunchStoryboardName</key>\n\t<string>LaunchScreen</string>\n</dict>\n</plist>'
+                    );
+                }
+
+                fs.writeFileSync(plistPath, plist);
+                console.log('✅ Info.plist FORCED');
+            }
+
+            // Copy user images with FORCE
+            const assetsPath = path.join(iosPath, projectName, 'Images.xcassets');
+            let hasImage = false;
+            let hasLogo = false;
+
+            if (pluginConfig.image) {
+                const srcImage = path.join(projectRoot, pluginConfig.image);
+                if (fs.existsSync(srcImage)) {
+                    const destDir = path.join(assetsPath, 'splash_image.imageset');
+
+                    // Force delete and recreate
+                    if (fs.existsSync(destDir)) {
+                        fs.rmSync(destDir, { recursive: true, force: true });
+                    }
+                    fs.mkdirSync(destDir, { recursive: true });
+
+                    // Copy for all scales
+                    ['', '@2x', '@3x'].forEach(scale => {
+                        fs.copyFileSync(srcImage, path.join(destDir, `splash_image${scale}.png`));
+                    });
+
+                    // Force Contents.json
+                    fs.writeFileSync(
+                        path.join(destDir, 'Contents.json'),
+                        JSON.stringify({
+                            images: [
+                                { idiom: 'universal', filename: 'splash_image.png', scale: '1x' },
+                                { idiom: 'universal', filename: 'splash_image@2x.png', scale: '2x' },
+                                { idiom: 'universal', filename: 'splash_image@3x.png', scale: '3x' }
+                            ],
+                            info: { author: 'xcode', version: 1 }
+                        }, null, 2)
+                    );
+
+                    hasImage = true;
+                    console.log('✅ FORCED: splash_image');
+                }
+            }
+
+            if (pluginConfig.logo) {
+                const srcLogo = path.join(projectRoot, pluginConfig.logo);
+                if (fs.existsSync(srcLogo)) {
+                    const destDir = path.join(assetsPath, 'splash_logo.imageset');
+
+                    // Force delete and recreate
+                    if (fs.existsSync(destDir)) {
+                        fs.rmSync(destDir, { recursive: true, force: true });
+                    }
+                    fs.mkdirSync(destDir, { recursive: true });
+
+                    // Copy for all scales
+                    ['', '@2x', '@3x'].forEach(scale => {
+                        fs.copyFileSync(srcLogo, path.join(destDir, `splash_logo${scale}.png`));
+                    });
+
+                    // Force Contents.json
+                    fs.writeFileSync(
+                        path.join(destDir, 'Contents.json'),
+                        JSON.stringify({
+                            images: [
+                                { idiom: 'universal', filename: 'splash_logo.png', scale: '1x' },
+                                { idiom: 'universal', filename: 'splash_logo@2x.png', scale: '2x' },
+                                { idiom: 'universal', filename: 'splash_logo@3x.png', scale: '3x' }
+                            ],
+                            info: { author: 'xcode', version: 1 }
+                        }, null, 2)
+                    );
+
+                    hasLogo = true;
+                    console.log('✅ FORCED: splash_logo');
+                }
+            }
+
+            // FORCE create LaunchScreen.storyboard
+            const storyboard = createForcedStoryboard(hasImage, hasLogo, pluginConfig.backgroundColor);
+            const storyboardPath = path.join(iosPath, projectName, 'LaunchScreen.storyboard');
+
+            // Delete if exists
+            if (fs.existsSync(storyboardPath)) {
+                fs.unlinkSync(storyboardPath);
+            }
+
+            // Write with force
+            fs.writeFileSync(storyboardPath, storyboard, { flag: 'w' });
+
+            console.log('✅ FORCED: LaunchScreen.storyboard');
+            console.log(`   🖼️  Background: ${hasImage ? 'splash_image' : 'color'}`);
+            console.log(`   🎨 Logo: ${hasLogo ? 'splash_logo' : 'none'}`);
+            console.log(`   🌈 Color: ${pluginConfig.backgroundColor}`);
+            console.log('\n✅ CUSTOM SPLASH FORCED SUCCESSFULLY!\n');
+
+            return config;
+        },
+    ]);
+}
+
+function createForcedStoryboard(hasImage, hasLogo, bgColor) {
+    const color = bgColor.replace('#', '');
+    const r = parseInt(color.substr(0, 2), 16) / 255;
+    const g = parseInt(color.substr(2, 2), 16) / 255;
+    const b = parseInt(color.substr(4, 2), 16) / 255;
+
+    const bgImage = hasImage ? `
+                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="splash_image" translatesAutoresizingMaskIntoConstraints="NO" id="BG">
+                    <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
+                </imageView>` : '';
+
+    const logoImage = hasLogo ? `
+                <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="splash_logo" translatesAutoresizingMaskIntoConstraints="NO" id="LOGO">
+                    <rect key="frame" x="132" y="348" width="150" height="150"/>
+                    <constraints>
+                        <constraint firstAttribute="width" constant="150" id="LW"/>
+                        <constraint firstAttribute="height" constant="150" id="LH"/>
+                    </constraints>
+                </imageView>` : '';
+
+    const bgConstraints = hasImage ? `
+                <constraint firstItem="BG" firstAttribute="top" secondItem="V" secondAttribute="top" id="BT"/>
+                <constraint firstItem="BG" firstAttribute="leading" secondItem="V" secondAttribute="leading" id="BL"/>
+                <constraint firstItem="BG" firstAttribute="trailing" secondItem="V" secondAttribute="trailing" id="BR"/>
+                <constraint firstItem="BG" firstAttribute="bottom" secondItem="V" secondAttribute="bottom" id="BB"/>` : '';
+
+    const logoConstraints = hasLogo ? `
+                <constraint firstItem="LOGO" firstAttribute="centerX" secondItem="V" secondAttribute="centerX" id="LX"/>
+                <constraint firstItem="LOGO" firstAttribute="centerY" secondItem="V" secondAttribute="centerY" id="LY"/>` : '';
+
+    const resources = [];
+    if (hasImage) resources.push('        <image name="splash_image" width="1242" height="2688"/>');
+    if (hasLogo) resources.push('        <image name="splash_logo" width="512" height="512"/>');
+
+    return `<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="21507" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="VC">
+    <device id="retina6_1" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="21505"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <scene sceneID="SC">
+            <objects>
+                <viewController id="VC" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="V">
+                        <rect key="frame" x="0.0" y="0.0" width="414" height="896"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>${bgImage}${logoImage}
+                        </subviews>
+                        <viewLayoutGuide key="safeArea" id="SA"/>
+                        <color key="backgroundColor" red="${r}" green="${g}" blue="${b}" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>${bgConstraints}${logoConstraints}
+                        </constraints>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="FR" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="53" y="375"/>
+        </scene>
+    </scenes>
+    <resources>${resources.join('\n')}
+    </resources>
+</document>`;
+}
+
+module.exports = withForcediOSSplash;