react-native-bootsplash 4.3.3 → 4.4.0

package/README.md

@@ -11,8 +11,8 @@ Show a splash screen during app startup. Hide it when you are ready.<br>
 [![platform - ios](https://img.shields.io/badge/platform-iOS-000.svg?logo=apple&style=for-the-badge)](https://developer.apple.com/ios)
 
 <p>
-  <img height="520" src="https://raw.githubusercontent.com/zoontek/react-native-bootsplash/HEAD/docs/ios_demo.gif?raw=true" alt="iOS demo"></img>
-  <img height="500" src="https://raw.githubusercontent.com/zoontek/react-native-bootsplash/HEAD/docs/android_demo.gif?raw=true" alt="android demo"></img>
+  <img height="520" width="256" src="https://raw.githubusercontent.com/zoontek/react-native-bootsplash/HEAD/docs/ios_demo.gif?raw=true" alt="iOS demo"></img>
+  <img height="500" width="259" src="https://raw.githubusercontent.com/zoontek/react-native-bootsplash/HEAD/docs/android_demo.gif?raw=true" alt="android demo"></img>
 </p>
 
 ## Funding
@@ -213,7 +213,7 @@ Set the `BootSplash.storyboard` as launch screen file:
 
 ### Android
 
-_⚠️  On Android 12, the splash screen will not appear if you start your app from the terminal / Android Studio. To see it, kill your app and restart it in normal conditions (tap on your app icon in the app launcher)._
+_⚠️  On Android >= 12, the splash screen will not appear if you start your app from the terminal / Android Studio. To see it, kill your app and restart it in normal conditions (tap on your app icon in the app launcher)._
 
 ---
 
@@ -310,16 +310,19 @@ public class MainActivity extends ReactActivity {
 #### Method type
 
 ```ts
-type hide = (config?: { fade?: boolean }) => Promise<void>;
+type hide = (config?: { fade?: boolean, duration?: boolean }) => Promise<void>;
 ```
 
+Note: Only durations above 220ms are visually noticeable. Smaller values will be ignored and the default duration will be used.
+
 #### Usage
 
 ```js
 import RNBootSplash from "react-native-bootsplash";
 
 RNBootSplash.hide(); // immediate
-RNBootSplash.hide({ fade: true }); // fade
+RNBootSplash.hide({ fade: true }); // fade with 220ms default duration
+RNBootSplash.hide({ fade: true, duration: 500 }); // fade with custom duration
 ```
 
 ### getVisibilityStatus()
@@ -353,7 +356,7 @@ function App() {
     };
 
     init().finally(async () => {
-      await RNBootSplash.hide({ fade: true });
+      await RNBootSplash.hide({ fade: true, duration: 500 });
       console.log("Bootsplash has been hidden successfully");
     });
   }, []);

package/android/src/main/java/com/zoontek/rnbootsplash/RNBootSplashModule.java

@@ -29,7 +29,6 @@ import java.util.TimerTask;
 public class RNBootSplashModule extends ReactContextBaseJavaModule {
 
   public static final String NAME = "RNBootSplash";
-  private static final int ANIMATION_DURATION = 220;
 
   private enum Status {
     VISIBLE,
@@ -44,6 +43,7 @@ public class RNBootSplashModule extends ReactContextBaseJavaModule {
   private static Status mStatus = Status.HIDDEN;
   private static boolean mShouldFade = false;
   private static boolean mShouldKeepOnScreen = true;
+  private static int mAnimationDuration;
 
   public RNBootSplashModule(ReactApplicationContext reactContext) {
     super(reactContext);
@@ -80,8 +80,8 @@ public class RNBootSplashModule extends ReactContextBaseJavaModule {
         splashScreenView
           .animate()
           // Crappy hack to avoid automatic layout transitions
-          .setDuration(mShouldFade ? ANIMATION_DURATION: 0)
-          .setStartDelay(mShouldFade ? 0 : ANIMATION_DURATION)
+          .setDuration(mShouldFade ? mAnimationDuration: 0)
+          .setStartDelay(mShouldFade ? 0 : mAnimationDuration)
           .alpha(0.0f)
           .setInterpolator(new AccelerateInterpolator())
           .setListener(new AnimatorListenerAdapter() {
@@ -151,14 +151,15 @@ public class RNBootSplashModule extends ReactContextBaseJavaModule {
               timer.cancel();
               clearPromiseQueue();
             }
-          }, ANIMATION_DURATION);
+          }, mAnimationDuration);
         }
       }
     });
   }
 
   @ReactMethod
-  public void hide(final boolean fade, final Promise promise) {
+  public void hide(final boolean fade, final int fadeDuration, final Promise promise) {
+    mAnimationDuration = fadeDuration;
     mPromiseQueue.push(promise);
     hideAndResolveAll(fade);
   }

package/dist/commonjs/index.js

@@ -8,12 +8,14 @@ exports.getVisibilityStatus = getVisibilityStatus;
 exports.hide = hide;
 var _reactNative = require("react-native");
 const NativeModule = _reactNative.NativeModules.RNBootSplash;
+const DEFAULT_DURATION = 220;
 function hide() {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return NativeModule.hide({
-    fade: false,
-    ...config
-  }.fade).then(() => {});
+  const {
+    fade = false,
+    duration = DEFAULT_DURATION
+  } = config;
+  return NativeModule.hide(fade, Math.max(duration, DEFAULT_DURATION)).then(() => {});
 }
 function getVisibilityStatus() {
   return NativeModule.getVisibilityStatus();

package/dist/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModule","NativeModules","RNBootSplash","hide","config","fade","then","getVisibilityStatus"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;AAAA;AAKA,MAAMA,YAGL,GAAGC,0BAAa,CAACC,YAAY;AAEvB,SAASC,IAAI,GAAqC;EAAA,IAApCC,MAAc,uEAAG,CAAC,CAAC;EACtC,OAAOJ,YAAY,CAACG,IAAI,CAAC;IAAEE,IAAI,EAAE,KAAK;IAAE,GAAGD;EAAO,CAAC,CAACC,IAAI,CAAC,CAACC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1E;AAEO,SAASC,mBAAmB,GAA8B;EAC/D,OAAOP,YAAY,CAACO,mBAAmB,EAAE;AAC3C;AAAC,eAEc;EACbJ,IAAI;EACJI;AACF,CAAC;AAAA"}
+{"version":3,"names":["NativeModule","NativeModules","RNBootSplash","DEFAULT_DURATION","hide","config","fade","duration","Math","max","then","getVisibilityStatus"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;AAAA;AAKA,MAAMA,YAGL,GAAGC,0BAAa,CAACC,YAAY;AAE9B,MAAMC,gBAAgB,GAAG,GAAG;AAErB,SAASC,IAAI,GAAqC;EAAA,IAApCC,MAAc,uEAAG,CAAC,CAAC;EACtC,MAAM;IAAEC,IAAI,GAAG,KAAK;IAAEC,QAAQ,GAAGJ;EAAiB,CAAC,GAAGE,MAAM;EAC5D,OAAOL,YAAY,CAACI,IAAI,CAACE,IAAI,EAAEE,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAEJ,gBAAgB,CAAC,CAAC,CAACO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACrF;AAEO,SAASC,mBAAmB,GAA8B;EAC/D,OAAOX,YAAY,CAACW,mBAAmB,EAAE;AAC3C;AAAC,eAEc;EACbP,IAAI;EACJO;AACF,CAAC;AAAA"}

package/dist/module/index.js

@@ -1,11 +1,13 @@
 import { NativeModules } from "react-native";
 const NativeModule = NativeModules.RNBootSplash;
+const DEFAULT_DURATION = 220;
 export function hide() {
   let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return NativeModule.hide({
-    fade: false,
-    ...config
-  }.fade).then(() => {});
+  const {
+    fade = false,
+    duration = DEFAULT_DURATION
+  } = config;
+  return NativeModule.hide(fade, Math.max(duration, DEFAULT_DURATION)).then(() => {});
 }
 export function getVisibilityStatus() {
   return NativeModule.getVisibilityStatus();

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModules","NativeModule","RNBootSplash","hide","config","fade","then","getVisibilityStatus"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,cAAc;AAK5C,MAAMC,YAGL,GAAGD,aAAa,CAACE,YAAY;AAE9B,OAAO,SAASC,IAAI,GAAqC;EAAA,IAApCC,MAAc,uEAAG,CAAC,CAAC;EACtC,OAAOH,YAAY,CAACE,IAAI,CAAC;IAAEE,IAAI,EAAE,KAAK;IAAE,GAAGD;EAAO,CAAC,CAACC,IAAI,CAAC,CAACC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1E;AAEA,OAAO,SAASC,mBAAmB,GAA8B;EAC/D,OAAON,YAAY,CAACM,mBAAmB,EAAE;AAC3C;AAEA,eAAe;EACbJ,IAAI;EACJI;AACF,CAAC"}
+{"version":3,"names":["NativeModules","NativeModule","RNBootSplash","DEFAULT_DURATION","hide","config","fade","duration","Math","max","then","getVisibilityStatus"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,cAAc;AAK5C,MAAMC,YAGL,GAAGD,aAAa,CAACE,YAAY;AAE9B,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,OAAO,SAASC,IAAI,GAAqC;EAAA,IAApCC,MAAc,uEAAG,CAAC,CAAC;EACtC,MAAM;IAAEC,IAAI,GAAG,KAAK;IAAEC,QAAQ,GAAGJ;EAAiB,CAAC,GAAGE,MAAM;EAC5D,OAAOJ,YAAY,CAACG,IAAI,CAACE,IAAI,EAAEE,IAAI,CAACC,GAAG,CAACF,QAAQ,EAAEJ,gBAAgB,CAAC,CAAC,CAACO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AACrF;AAEA,OAAO,SAASC,mBAAmB,GAA8B;EAC/D,OAAOV,YAAY,CAACU,mBAAmB,EAAE;AAC3C;AAEA,eAAe;EACbP,IAAI;EACJO;AACF,CAAC"}

package/dist/typescript/index.d.ts

@@ -1,6 +1,7 @@
-export declare type VisibilityStatus = "visible" | "hidden" | "transitioning";
-export declare type Config = {
+export type VisibilityStatus = "visible" | "hidden" | "transitioning";
+export type Config = {
     fade?: boolean;
+    duration?: number;
 };
 export declare function hide(config?: Config): Promise<void>;
 export declare function getVisibilityStatus(): Promise<VisibilityStatus>;

package/dist/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,oBAAY,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,CAAC;AACtE,oBAAY,MAAM,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAOxC,wBAAgB,IAAI,CAAC,MAAM,GAAE,MAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAEvD;AAED,wBAAgB,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAE/D;;;;;AAED,wBAGE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,eAAe,CAAC;AACtE,MAAM,MAAM,MAAM,GAAG;IAAE,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAS3D,wBAAgB,IAAI,CAAC,MAAM,GAAE,MAAW,GAAG,OAAO,CAAC,IAAI,CAAC,CAGvD;AAED,wBAAgB,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,CAAC,CAE/D;;;;;AAED,wBAGE"}

package/ios/RNBootSplash.m

@@ -85,6 +85,7 @@ RCT_EXPORT_MODULE();
 
 RCT_REMAP_METHOD(hide,
                  hideWithFade:(BOOL)fade
+                 duration:(NSInteger)duration
                  resolver:(RCTPromiseResolveBlock)resolve
                  rejecter:(RCTPromiseRejectBlock)reject) {
   if (_resolverQueue == nil)
@@ -104,7 +105,7 @@ RCT_REMAP_METHOD(hide,
     _isTransitioning = true;
 
     [UIView transitionWithView:_rootView
-                      duration:0.220
+                      duration:duration / 1000.0
                        options:UIViewAnimationOptionTransitionCrossDissolve
                     animations:^{
       _rootView.loadingView.hidden = YES;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-bootsplash",
-  "version": "4.3.3",
+  "version": "4.4.0",
   "license": "MIT",
   "description": "Display a bootsplash on your app starts. Hide it when you want.",
   "author": "Mathieu Acthernoene <zoontek@gmail.com>",
@@ -59,20 +59,20 @@
     "react-native": ">=0.65.0"
   },
   "dependencies": {
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.1.0",
     "jimp": "^0.16.2",
     "picocolors": "^1.0.0"
   },
   "devDependencies": {
     "@types/fs-extra": "^9.0.13",
-    "@types/react-native": "^0.70.6",
-    "lint-staged": "^13.0.3",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.2.0",
+    "@types/react-native": "^0.70.7",
+    "lint-staged": "^13.0.4",
+    "prettier": "^2.8.0",
+    "prettier-plugin-organize-imports": "^3.2.1",
     "react": "18.1.0",
-    "react-native": "0.70.5",
-    "react-native-builder-bob": "^0.20.1",
+    "react-native": "0.70.6",
+    "react-native-builder-bob": "^0.20.2",
     "rescript": "^10.0.1",
-    "typescript": "^4.8.4"
+    "typescript": "^4.9.3"
   }
 }

package/src/index.ts

@@ -1,15 +1,18 @@
 import { NativeModules } from "react-native";
 
 export type VisibilityStatus = "visible" | "hidden" | "transitioning";
-export type Config = { fade?: boolean };
+export type Config = { fade?: boolean, duration?: number };
 
 const NativeModule: {
-  hide: (fade: boolean) => Promise<true>;
+  hide: (fade: boolean, duration: number) => Promise<true>;
   getVisibilityStatus: () => Promise<VisibilityStatus>;
 } = NativeModules.RNBootSplash;
 
+const DEFAULT_DURATION = 220;
+
 export function hide(config: Config = {}): Promise<void> {
-  return NativeModule.hide({ fade: false, ...config }.fade).then(() => {});
+  const { fade = false, duration = DEFAULT_DURATION } = config;
+  return NativeModule.hide(fade, Math.max(duration, DEFAULT_DURATION)).then(() => {});
 }
 
 export function getVisibilityStatus(): Promise<VisibilityStatus> {