react-native-bootsplash 6.3.10 → 7.0.0-beta.0

package/README.md

@@ -49,14 +49,17 @@ Usage: react-native-bootsplash generate [options] <logo>
 
 Generate a launch screen using a logo file path (PNG or SVG)
 
+Arguments:
+  logo                        Logo file path (PNG or SVG)
+
 Options:
-  --project-type <string>     Project type ("detect", "bare" or "expo") (default: "detect")
   --platforms <list>          Platforms to generate for, separated by a comma (default: "android,ios,web")
   --background <string>       Background color (in hexadecimal format) (default: "#fff")
   --logo-width <number>       Logo width at @1x (in dp - we recommend approximately ~100) (default: 100)
   --assets-output <string>    Assets output directory path (default: "assets/bootsplash")
   --flavor <string>           Android flavor build variant (where your resource directory is) (default: "main")
   --html <string>             HTML template file path (your web app entry point) (default: "public/index.html")
+  --plist <string>            Custom Info.plist file path
   --license-key <string>      License key to enable brand and dark mode assets generation
   --brand <string>            Brand file path (PNG or SVG)
   --brand-width <number>      Brand width at @1x (in dp - we recommend approximately ~80) (default: 80)
@@ -167,7 +170,7 @@ $ yarn remove expo-splash-screen
 -         "backgroundColor": "#ffffff"
 -       }
 -     ],
-+     ["react-native-bootsplash", { "assetsDir": "assets/bootsplash" }]
++     ["react-native-bootsplash", { "assetsOutput": "assets/bootsplash" }]
     ]
   }
 }
@@ -177,9 +180,8 @@ _📌 The available plugins options are:_
 
 ```ts
 type PluginOptions = {
-  assetsDir?: string; // optional, default is "assets/bootsplash"
+  assetsOutput?: string; // optional, default is "assets/bootsplash"
   android?: {
-    parentTheme?: "TransparentStatus" | "EdgeToEdge"; // optional, default is `undefined` (`Theme.BootSplash`)
     darkContentBarsStyle?: boolean; // optional, default is `undefined`
   };
 };
@@ -187,7 +189,7 @@ type PluginOptions = {
 
 ### With bare React Native
 
-#### iOS (react-native 0.79+)
+#### iOS
 
 Edit your `ios/YourApp/AppDelegate.swift` file:
 
@@ -209,29 +211,6 @@ class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
 }
 ```
 
-#### iOS (react-native 0.77+)
-
-Edit your `ios/YourApp/AppDelegate.swift` file:
-
-```swift
-import ReactAppDependencyProvider
-import RNBootSplash // ⬅️ add this import
-
-// …
-
-@main
-class AppDelegate: RCTAppDelegate {
-
-  // …
-
-  // ⬇️ override this method
-  override func customize(_ rootView: RCTRootView!) {
-    super.customize(rootView)
-    RNBootSplash.initWithStoryboard("BootSplash", rootView: rootView) // ⬅️ initialize the splash screen
-  }
-}
-```
-
 #### Android
 
 Edit your `android/app/src/main/java/com/yourapp/MainActivity.kt` file:
@@ -254,7 +233,7 @@ class MainActivity : ReactActivity() {
 }
 ```
 
-_ℹ️ Refer to [previous package documentation](https://github.com/zoontek/react-native-bootsplash/tree/6.3.4?tab=readme-ov-file#with-bare-react-native) for setup steps with React Native < 0.77._
+_ℹ️ Refer to [previous package documentation](https://github.com/zoontek/react-native-bootsplash/tree/6.3.11?tab=readme-ov-file#with-bare-react-native) for setup steps with React Native < 0.79._
 
 ## API
 
@@ -298,7 +277,7 @@ Return the current visibility status of the native splash screen.
 #### Method type
 
 ```ts
-type isVisible = () => Promise<boolean>;
+type isVisible = () => boolean;
 ```
 
 #### Usage
@@ -306,7 +285,9 @@ type isVisible = () => Promise<boolean>;
 ```ts
 import BootSplash from "react-native-bootsplash";
 
-BootSplash.isVisible().then((value) => console.log(value));
+if (BootSplash.isVisible()) {
+  // Do something
+}
 ```
 
 ### useHideAnimation()
@@ -408,24 +389,18 @@ const App = () => {
 
 ## FAQ
 
-### How can I have a transparent status bar, or [edge-to-edge layout](https://developer.android.com/develop/ui/views/layout/edge-to-edge)?
+### How can I enforce the splash screen system bar colors?
 
-Edit your `values/styles.xml` file to inherit from `Theme.BootSplash.TransparentStatus` / `Theme.BootSplash.EdgeToEdge` instead of `Theme.BootSplash`:
+By default, the system bars `dark-content` in light mode and `light-content` in dark mode. To enforce a specific value, edit your `values/styles.xml` file:
 
 ```xml
 <resources>
-
   <!-- … -->
 
-  <!-- make BootTheme inherit from Theme.BootSplash.TransparentStatus / Theme.BootSplash.EdgeToEdge -->
-  <style name="BootTheme" parent="Theme.BootSplash.EdgeToEdge">
-    <!-- … -->
-
-    <!-- optional, used to enforce the initial bars styles -->
-    <!-- default is true in light mode, false in dark mode -->
+  <style name="BootTheme" parent="Theme.BootSplash">
     <item name="darkContentBarsStyle">true</item>
+    <!-- … -->
   </style>
-
 </resources>
 ```
 

package/android/build.gradle

@@ -7,8 +7,8 @@ buildscript {
         gradlePluginPortal()
     }
     dependencies {
-        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet("kotlinVersion", "1.8.0")}")
-        classpath("com.android.tools.build:gradle:7.3.1")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${safeExtGet("kotlinVersion", "2.1.20")}")
+        classpath("com.android.tools.build:gradle:8.13.0")
     }
 }
 
@@ -24,25 +24,18 @@ if (isNewArchitectureEnabled()) {
 }
 
 android {
-    buildToolsVersion safeExtGet("buildToolsVersion", "34.0.0")
-    compileSdkVersion safeExtGet("compileSdkVersion", 34)
+    namespace "com.zoontek.rnbootsplash"
 
-    if (project.android.hasProperty("namespace")) {
-        namespace "com.zoontek.rnbootsplash"
+    buildToolsVersion safeExtGet("buildToolsVersion", "35.0.0")
+    compileSdkVersion safeExtGet("compileSdkVersion", 35)
 
-        buildFeatures {
-            buildConfig true
-        }
-        sourceSets {
-            main {
-                manifest.srcFile "src/main/AndroidManifestNew.xml"
-            }
-        }
+    buildFeatures {
+        buildConfig true
     }
     defaultConfig {
         buildConfigField("boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString())
-        minSdkVersion safeExtGet("minSdkVersion", 23)
-        targetSdkVersion safeExtGet("targetSdkVersion", 34)
+        minSdkVersion safeExtGet("minSdkVersion", 24)
+        targetSdkVersion safeExtGet("targetSdkVersion", 35)
     }
     lintOptions {
         abortOnError false
@@ -63,8 +56,8 @@ repositories {
         // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
         url("$rootDir/../node_modules/react-native/android")
     }
-    mavenCentral()
     google()
+    mavenCentral()
 }
 
 dependencies {

package/android/src/main/AndroidManifest.xml

@@ -1,3 +1,3 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.zoontek.rnbootsplash">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 </manifest>

package/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashModuleImpl.kt

@@ -236,7 +236,7 @@ object RNBootSplashModuleImpl {
     hideAndClearPromiseQueue(reactContext, fade)
   }
 
-  fun isVisible(promise: Promise) {
-    promise.resolve(mStatus != Status.HIDDEN)
+  fun isVisible(): Boolean {
+    return mStatus != Status.HIDDEN
   }
 }

package/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashPackage.kt

@@ -25,7 +25,6 @@ class RNBootSplashPackage : TurboReactPackage() {
         RNBootSplashModuleImpl.NAME,
         false,
         false,
-        true,
         false,
         isTurboModule
       )

package/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashQueue.kt

@@ -10,7 +10,7 @@ class RNBootSplashQueue<E> : Vector<E>() {
 
   @Synchronized
   fun shift(): E? {
-    if (size == 0) {
+    if (isEmpty()) {
       return null
     }
 

package/android/src/main/res/drawable/compat_splash_screen.xml

@@ -4,11 +4,16 @@
         <color android:color="?attr/bootSplashBackground" />
     </item>
 
-    <item android:gravity="fill">
-        <bitmap android:src="?bootSplashLogo" android:gravity="center" />
-    </item>
+    <item
+        android:drawable="?bootSplashLogo"
+        android:gravity="center"
+        android:width="288dp"
+        android:height="288dp" />
 
-    <item android:gravity="fill" android:bottom="60dp">
-        <bitmap android:src="?bootSplashBrand" android:gravity="bottom|center_horizontal" />
-    </item>
+    <item
+        android:drawable="?bootSplashBrand"
+        android:gravity="bottom|center_horizontal"
+        android:width="200dp"
+        android:height="80dp"
+        android:bottom="60dp" />
 </layer-list>

package/android/src/main/res/drawable/compat_splash_screen_oneui_4.xml

@@ -4,11 +4,18 @@
         <color android:color="?attr/bootSplashBackground" />
     </item>
 
-    <item android:gravity="fill">
-        <bitmap android:src="?bootSplashLogo" android:gravity="center" />
-    </item>
+    <!-- There's an issue with logo size on Samsung OneUI v4
+     We need to render it 2 times smaller (288 / 2 = 144) -->
+    <item
+        android:drawable="?bootSplashLogo"
+        android:gravity="center"
+        android:width="144dp"
+        android:height="144dp" />
 
-    <item android:gravity="fill" android:bottom="60dp">
-        <bitmap android:src="?bootSplashBrand" android:gravity="bottom|center_horizontal" />
-    </item>
+    <item
+        android:drawable="?bootSplashBrand"
+        android:gravity="bottom|center_horizontal"
+        android:width="200dp"
+        android:height="80dp"
+        android:bottom="60dp" />
 </layer-list>

package/android/src/main/res/values/colors.xml

@@ -2,7 +2,5 @@
 <resources>
     <!-- https://cs.android.com/android/platform/superproject/+/master:frameworks/base/core/res/remote_color_resources_res/values/colors.xml;l=67 -->
     <!-- https://cs.android.com/android/platform/superproject/+/master:frameworks/base/core/res/res/color/system_bar_background_semi_transparent.xml -->
-    <color name="systemBarDarkScrim">#801b1b1b</color>
-    <!-- https://cs.android.com/android/platform/superproject/+/master:frameworks/base/core/java/com/android/internal/policy/DecorView.java;l=142 -->
-    <color name="systemBarLightScrim">#e6ffffff</color>
+    <color name="navigationBarColor">#801b1b1b</color>
 </resources>

package/android/src/main/res/values/public.xml

@@ -7,6 +7,4 @@
     <public name="postBootSplashTheme" type="attr" />
 
     <public name="Theme.BootSplash" type="style" />
-    <public name="Theme.BootSplash.TransparentStatus" type="style" />
-    <public name="Theme.BootSplash.EdgeToEdge" type="style" />
 </resources>

package/android/src/main/res/values/styles.xml

@@ -10,35 +10,29 @@
         <item name="android:windowExitAnimation">@anim/bootsplash_fade_out</item>
     </style>
 
-    <style name="Theme.BootSplash.DayNight" parent="Theme.AppCompat.DayNight.NoActionBar">
-    </style>
-
-    <style name="Theme.BootSplash.Base" parent="Theme.BootSplash.DayNight">
+    <style name="Theme.BootSplash.Attr" parent="Theme.AppCompat.DayNight.NoActionBar">
         <item name="darkContentBarsStyle">true</item>
     </style>
 
-    <style name="Theme.BootSplash.Common" parent="Theme.BootSplash.Base">
+    <style name="Theme.BootSplash.Base" parent="Theme.BootSplash.Attr">
         <item name="android:opacity">opaque</item>
         <item name="android:windowBackground">@drawable/compat_splash_screen</item>
         <item name="bootSplashBrand">@drawable/transparent_pixel</item>
+
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+        <item name="android:fitsSystemWindows">false</item>
+        <item name="android:navigationBarColor">@color/navigationBarColor</item>
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:windowLightStatusBar">?darkContentBarsStyle</item>
     </style>
 
-    <style name="Theme.BootSplash" parent="Theme.BootSplash.Common">
+    <style name="Theme.BootSplash.v27" parent="Theme.BootSplash.Base" />
+    <style name="Theme.BootSplash.v29" parent="Theme.BootSplash.v27" />
+    <style name="Theme.BootSplash.v30" parent="Theme.BootSplash.v29" />
+
+    <style name="Theme.BootSplash" parent="Theme.BootSplash.v30">
         <item name="bootSplashBackground">?android:colorBackground</item>
         <item name="bootSplashLogo">@android:drawable/sym_def_app_icon</item>
         <item name="postBootSplashTheme">?android:attr/theme</item>
     </style>
-
-    <style name="Theme.BootSplash.TransparentStatus" parent="Theme.BootSplash">
-    </style>
-
-    <style name="Theme.BootSplash.EdgeToEdge.Common" parent="Theme.BootSplash">
-        <item name="android:fitsSystemWindows">false</item>
-        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
-    </style>
-
-    <style name="Theme.BootSplash.EdgeToEdge" parent="Theme.BootSplash.EdgeToEdge.Common">
-        <item name="android:statusBarColor">@color/systemBarDarkScrim</item>
-        <item name="android:navigationBarColor">@color/systemBarDarkScrim</item>
-    </style>
 </resources>

package/android/src/main/res/values-night/styles.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="Theme.BootSplash.Base" parent="Theme.BootSplash.DayNight">
+    <style name="Theme.BootSplash.Attr" parent="Theme.AppCompat.DayNight.NoActionBar">
         <item name="darkContentBarsStyle">false</item>
     </style>
 </resources>

package/android/src/main/res/values-v27/colors.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="navigationBarColor">@android:color/transparent</color>
+</resources>

package/android/src/main/res/values-v27/styles.xml

@@ -1,12 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="Theme.BootSplash.EdgeToEdge" parent="Theme.BootSplash.EdgeToEdge.Common">
+    <style name="Theme.BootSplash.v27" parent="Theme.BootSplash.Base">
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
-
-        <item name="android:statusBarColor">@android:color/transparent</item>
-        <item name="android:windowLightStatusBar">?darkContentBarsStyle</item>
-
-        <item name="android:navigationBarColor">@android:color/transparent</item>
         <item name="android:windowLightNavigationBar">?darkContentBarsStyle</item>
     </style>
 </resources>

package/android/src/main/res/values-v29/styles.xml

@@ -1,18 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="Theme.BootSplash.DayNight" parent="Theme.AppCompat.DayNight.NoActionBar">
+    <style name="Theme.BootSplash.v29" parent="Theme.BootSplash.v27">
         <item name="android:forceDarkAllowed">false</item>
-    </style>
-
-    <style name="Theme.BootSplash.EdgeToEdge" parent="Theme.BootSplash.EdgeToEdge.Common">
-        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
-
         <item name="android:enforceStatusBarContrast">false</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
-        <item name="android:windowLightStatusBar">?darkContentBarsStyle</item>
-
         <item name="android:enforceNavigationBarContrast">false</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:windowLightNavigationBar">?darkContentBarsStyle</item>
     </style>
 </resources>

package/android/src/main/res/values-v30/styles.xml

@@ -1,14 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="Theme.BootSplash.EdgeToEdge" parent="Theme.BootSplash.EdgeToEdge.Common">
+    <style name="Theme.BootSplash.v30" parent="Theme.BootSplash.v29">
         <item name="android:windowLayoutInDisplayCutoutMode">always</item>
-
-        <item name="android:enforceStatusBarContrast">false</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
-        <item name="android:windowLightStatusBar">?darkContentBarsStyle</item>
-
-        <item name="android:enforceNavigationBarContrast">false</item>
-        <item name="android:navigationBarColor">@android:color/transparent</item>
-        <item name="android:windowLightNavigationBar">?darkContentBarsStyle</item>
     </style>
 </resources>

package/android/src/main/res/values-v31/styles.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <style name="Theme.BootSplash" parent="Theme.BootSplash.Common">
+    <style name="Theme.BootSplash" parent="Theme.BootSplash.v30">
         <item name="android:windowSplashScreenBackground">?bootSplashBackground</item>
         <item name="android:windowSplashScreenAnimatedIcon">?bootSplashLogo</item>
         <item name="android:windowSplashScreenBrandingImage">?bootSplashBrand</item>

package/android/src/newarch/com/zoontek/rnbootsplash/RNBootSplashModule.kt

@@ -33,7 +33,7 @@ class RNBootSplashModule(reactContext: ReactApplicationContext) :
     RNBootSplashModuleImpl.hide(reactApplicationContext, fade, promise)
   }
 
-  override fun isVisible(promise: Promise) {
-    RNBootSplashModuleImpl.isVisible(promise)
+  override fun isVisible(): Boolean {
+    return RNBootSplashModuleImpl.isVisible()
   }
 }

package/android/src/oldarch/com/zoontek/rnbootsplash/RNBootSplashModule.kt

@@ -36,8 +36,8 @@ class RNBootSplashModule(reactContext: ReactApplicationContext) :
     RNBootSplashModuleImpl.hide(reactApplicationContext, fade, promise)
   }
 
-  @ReactMethod
-  fun isVisible(promise: Promise) {
-    RNBootSplashModuleImpl.isVisible(promise)
+  @ReactMethod(isBlockingSynchronousMethod = true)
+  fun isVisible(): Boolean {
+    return RNBootSplashModuleImpl.isVisible()
   }
 }

package/app.plugin.js

@@ -1,2 +1,2 @@
-const { withBootSplash } = require("./dist/commonjs/expo");
+const { withBootSplash } = require("./dist/commonjs/generate");
 module.exports = withBootSplash;

package/cli.js

@@ -5,7 +5,6 @@ const { Command } = require("commander");
 const program = new Command();
 const pkg = require("./package.json");
 
-const validProjectTypes = ["detect", "bare", "expo"];
 const validPlatforms = ["android", "ios", "web"];
 
 program
@@ -15,11 +14,6 @@ program
   .command("generate", { isDefault: true })
   .description("Generate a launch screen using a logo file path (PNG or SVG)")
   .argument("<logo>", "Logo file path (PNG or SVG)")
-  .option(
-    "--project-type <string>",
-    'Project type ("detect", "bare" or "expo")',
-    "detect",
-  )
   .option(
     "--platforms <list>",
     "Platforms to generate for, separated by a comma",
@@ -50,6 +44,7 @@ program
     "HTML template file path (your web app entry point)",
     "public/index.html",
   )
+  .option("--plist <string>", "Custom Info.plist file path")
   .option(
     "--license-key <string>",
     "License key to enable brand and dark mode assets generation",
@@ -67,15 +62,11 @@ program
   .option("--dark-logo <string>", "[dark mode] Logo file path (PNG or SVG)")
   .option("--dark-brand <string>", "[dark mode] Brand file path (PNG or SVG)")
   .action((logo, options) => {
-    const { projectType, platforms, logoWidth, brandWidth, ...rest } = options;
+    const { platforms, logoWidth, brandWidth, ...rest } = options;
 
     const args = {
       ...rest,
 
-      projectType: validProjectTypes.includes(projectType.toLowerCase())
-        ? projectType.toLowerCase()
-        : "detect",
-
       platforms: [
         ...new Set(
           platforms