react-native-custom-splash 2.1.0 → 2.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-native-custom-splash",
-    "version": "2.1.0",
+    "version": "2.1.2",
     "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",

package/plugin/src/index.js

@@ -6,6 +6,7 @@ const {
     AndroidConfig,
     IOSConfig,
 } = require('@expo/config-plugins');
+const { withInfoPlist } = IOSConfig.Infoplist || {};
 const path = require('path');
 const fs = require('fs');
 
@@ -430,7 +431,19 @@ function createLaunchScreenStoryboard(hasImage, hasLogo, backgroundColor) {
  * Plugin to configure iOS splash screen
  */
 const withSplashScreenIOS = (config, pluginConfig) => {
-    return withDangerousMod(config, [
+    // Step 1: Update Info.plist to use our LaunchScreen
+    config = withInfoPlist(config, (config) => {
+        // Set our LaunchScreen as the launch storyboard
+        config.modResults.UILaunchStoryboardName = 'LaunchScreen';
+
+        // Remove Expo's default splash screen configuration
+        delete config.modResults.UILaunchScreen;
+
+        return config;
+    });
+
+    // Step 2: Create our custom LaunchScreen.storyboard and copy images
+    config = withDangerousMod(config, [
         'ios',
         async (config) => {
             const projectRoot = config.modRequest.projectRoot;
@@ -476,11 +489,27 @@ const withSplashScreenIOS = (config, pluginConfig) => {
 
             fs.writeFileSync(launchScreenPath, storyboardContent);
 
-            console.log('✅ iOS LaunchScreen.storyboard created with splash images!');
+            // Remove SplashScreenLegacy if it exists (from Expo's default splash)
+            const legacyPath = path.join(
+                iosProjectPath,
+                projectName,
+                'Images.xcassets',
+                'SplashScreenLegacy.imageset'
+            );
+
+            if (fs.existsSync(legacyPath)) {
+                fs.rmSync(legacyPath, { recursive: true, force: true });
+                console.log('🗑️  Removed SplashScreenLegacy');
+            }
+
+            console.log('✅ iOS LaunchScreen.storyboard created with YOUR images!');
+            console.log('✅ Info.plist configured to use LaunchScreen');
 
             return config;
         },
     ]);
+
+    return config;
 };
 
 /**
@@ -498,7 +527,6 @@ module.exports = (config, props = {}) => {
         pluginConfig = getPluginConfig(config);
     }
 
-
     return withPlugins(config, [
         [withSplashScreenAndroid, pluginConfig],
         [withSplashScreenIOS, pluginConfig],