@react-native-hero/splash-screen 0.0.1 → 0.1.0

package/README.md

@@ -1 +1,86 @@
-# testing
+# @react-native-hero/splash-screen
+
+## Getting started
+
+Install the library using either Yarn:
+
+```
+yarn add @react-native-hero/splash-screen
+```
+
+or npm:
+
+```
+npm install --save @react-native-hero/splash-screen
+```
+
+## Link
+
+- React Native v0.60+
+
+For iOS, use `cocoapods` to link the package.
+
+run the following command:
+
+```
+$ cd ios && pod install
+```
+
+For android, the package will be linked automatically on build.
+
+- React Native <= 0.59
+
+run the following command to link the package:
+
+```
+$ react-native link @react-native-hero/splash-screen
+```
+
+## Setup
+
+Make sure you understand the native layout, this module does not support image as a splash screen.
+
+* iOS: LaunchScreen.xib
+* Android: android/app/src/main/res/layout/splash_screen_default.xml
+
+### iOS
+
+`AppDelegate.m`
+
+```objective-c
+#import <RNTSplashScreen.h>
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  ...
+  [super application:application didFinishLaunchingWithOptions:launchOptions];
+  [RNTSplashScreen show:self.window.rootViewController.view storyboardName:@"LaunchScreen"];
+  return YES;
+}
+```
+
+### Android
+
+`MainActivity.kt`
+
+```kotlin
+import com.github.reactnativehero.splashscreen.RNTSplashScreenModule
+
+class MainActivity : ReactActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        RNTSplashScreenModule.show(this)
+    }
+}
+```
+
+## Example
+
+```js
+import {
+  hide,
+} from '@react-native-hero/splash-screen'
+
+// Call hide method after your data or view is ready.
+hide()
+```

package/android/src/main/java/com/github/reactnativehero/splashscreen/RNTSplashScreenModule.kt

@@ -10,11 +10,6 @@ class RNTSplashScreenModule(private val reactContext: ReactApplicationContext) :
         return "RNTSplashScreen"
     }
 
-    @ReactMethod
-    fun show() {
-        RNTSplashScreenModule.show(reactContext)
-    }
-
     @ReactMethod
     fun hide() {
         RNTSplashScreenModule.hide()
@@ -24,7 +19,7 @@ class RNTSplashScreenModule(private val reactContext: ReactApplicationContext) :
 
         private var sharedDialog: Dialog? = null
 
-        fun show(context: Context) {
+        @JvmStatic fun show(context: Context) {
 
             val dialog = Dialog(context, R.style.splash_screen_default)
             dialog.setContentView(R.layout.splash_screen_default)

package/index.js

@@ -3,10 +3,6 @@ import { NativeModules } from 'react-native'
 
 const { RNTSplashScreen } = NativeModules
 
-export function show() {
-  RNTSplashScreen.show()
-}
-
 export function hide() {
   RNTSplashScreen.hide()
 }

package/ios/RNTSplashScreen/RNTSplashScreen.h

@@ -2,7 +2,7 @@
 
 @interface RNTSplashScreen : NSObject <RCTBridgeModule>
 
-+ (void)show;
++ (void)show:(UIView *)rootView storyboardName:(NSString *)storyboardName;
 + (void)hide;
 
 @end

package/ios/RNTSplashScreen/RNTSplashScreen.m

@@ -1,67 +1,102 @@
 #import "RNTSplashScreen.h"
 #import <React/RCTBridge.h>
+#import <React/RCTRootView.h>
 
 @implementation RNTSplashScreen
 
-static BOOL hasJavaScriptErrorObserver = NO;
-
+static BOOL hasJavaScriptDidFailToLoadObserver = NO;
+static BOOL hasContentDidAppearObserver = YES;
 static BOOL isShowing = NO;
 
-RCT_EXPORT_MODULE(RNTSplashScreen);
+static RCTRootView *rootView = nil;
 
-// 显示默认开屏
-+ (void)show {
-    
-    if (isShowing) {
-        return;
-    }
-    
-    isShowing = YES;
++ (BOOL)requiresMainQueueSetup {
+    return YES;
+}
+
+- (dispatch_queue_t)methodQueue {
+    return dispatch_queue_create("com.github.reactnativehero.splash_screen", DISPATCH_QUEUE_SERIAL);
+}
+
++ (void)show:(UIView *)view storyboardName:(NSString *)storyboardName {
     
-    if (!hasJavaScriptErrorObserver) {
+    if (!hasJavaScriptDidFailToLoadObserver) {
         
-        [NSNotificationCenter.defaultCenter addObserver:self selector:@selector(onJavaScriptError:) name:RCTJavaScriptDidFailToLoadNotification
-            object:nil
+        [NSNotificationCenter.defaultCenter addObserver:self
+                                               selector:@selector(onJavaScriptDidFailToLoad:)
+                                                   name:RCTJavaScriptDidFailToLoadNotification
+                                                 object:nil
         ];
 
-        hasJavaScriptErrorObserver = YES;
+        hasJavaScriptDidFailToLoadObserver = YES;
         
     }
-
-    while (isShowing) {
-        [[NSRunLoop mainRunLoop] runUntilDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    
+    if (hasContentDidAppearObserver) {
+        
+        [[NSNotificationCenter defaultCenter] removeObserver:view
+                                                      name:RCTContentDidAppearNotification
+                                                    object:view];
+        
+        hasContentDidAppearObserver = NO;
+        
     }
     
+    if (isShowing) {
+        return;
+    }
+    
+    rootView = (RCTRootView *)view;
+    
+    [self showLoadingView:storyboardName];
+    isShowing = YES;
+    
 }
 
 + (void)hide {
     
-    if (isShowing) {
+    if (!isShowing) {
         return;
     }
     
+    [self hideLoadingView];
     isShowing = NO;
     
-    if (hasJavaScriptErrorObserver) {
+    if (hasJavaScriptDidFailToLoadObserver) {
         
-        [NSNotificationCenter.defaultCenter removeObserver:self name:RCTJavaScriptDidFailToLoadNotification
-            object:nil
+        [NSNotificationCenter.defaultCenter removeObserver:self
+                                                   name:RCTJavaScriptDidFailToLoadNotification
+                                                 object:nil
         ];
-        
-        hasJavaScriptErrorObserver = NO;
+
+        hasJavaScriptDidFailToLoadObserver = NO;
         
     }
     
 }
 
-+ (void)onJavaScriptError:(NSNotification *)notification {
-    [RNTSplashScreen hide];
++ (void)showLoadingView:(NSString *)storyboardName {
+    dispatch_async(dispatch_get_main_queue(), ^{
+        UIStoryboard *storyboard = [UIStoryboard storyboardWithName:storyboardName bundle:nil];
+        UIView *loadingView = [[storyboard instantiateInitialViewController] view];
+        [rootView setLoadingView:loadingView];
+    });
+}
+
++ (void)hideLoadingView {
+    dispatch_async(dispatch_get_main_queue(), ^{
+        rootView.loadingView.hidden = YES;
+        [rootView.loadingView removeFromSuperview];
+        rootView.loadingView = nil;
+    });
 }
 
-RCT_EXPORT_METHOD(show) {
-    [RNTSplashScreen show];
++ (void)onJavaScriptDidFailToLoad:(NSNotification *)notification {
+    [RNTSplashScreen hide];
 }
 
+RCT_EXPORT_MODULE(RNTSplashScreen);
+
 RCT_EXPORT_METHOD(hide) {
     [RNTSplashScreen hide];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-hero/splash-screen",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "react native splash screen",
   "main": "index.js",
   "scripts": {