Splash screen with react-native-splash-screen (#3743) (#3762)

Splash screen with react-native-splash-screen (#3743)

android/app/build.gradle

@@ -234,6 +234,7 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-splash-screen')
     implementation project(':react-native-pure-jwt')
   implementation project(':react-native-action-sheet')
     implementation project(':react-native-image-crop-picker')

android/app/src/main/java/com/hippware/android/tinyrobot/MainActivity.java

@@ -12,29 +12,19 @@
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.ReactRootView;
 import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
+import org.devio.rn.splashscreen.SplashScreen;
 
 public class MainActivity extends ReactActivity implements TouchThroughTouchHandlerInterface {
     private ReactRootView mReactRootView;
     private ReactInstanceManager mReactInstanceManager;
     private TouchThroughTouchHandler touchThroughTouchHandler = new TouchThroughTouchHandler();
 
-    // @Override
-    // protected void onCreate(Bundle savedInstanceState) {
-    // mReactInstanceManager = ReactInstanceManager.builder()
-    // // ...
-    // // Add CodePush package
-    // .addPackage(new CodePush("aKbSrov0EFd-mvtC31iYca_W0EtFS1jJ7ITUE",
-    // getApplicationContext(), BuildConfig.DEBUG))
-    // // Get the JS Bundle File via Code Push
-    // .setJSBundleFile(CodePush.getJSBundleFile())
-    // // ...
-
-    // .build();
-    // mReactRootView.startReactApplication(mReactInstanceManager,
-    // "MyReactNativeApp", null);
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        SplashScreen.show(this);
+        super.onCreate(savedInstanceState);
+    }
 
-    // setContentView(mReactRootView);
-    // }
     /**
      * Returns the name of the main component registered from JavaScript. This is
      * used to schedule rendering of the component.

android/app/src/main/java/com/hippware/android/tinyrobot/MainApplication.java

@@ -3,6 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import org.devio.rn.splashscreen.SplashScreenReactPackage;
 import com.zaguiini.RNPureJwt.RNPureJwtPackage;
 //import com.zaguini.rnjwt.RNJwtPackage;
 import com.actionsheet.ActionSheetPackage;
@@ -52,7 +53,8 @@ public boolean getUseDeveloperSupport() {
 
     @Override
     protected List<ReactPackage> getPackages() {
-      return Arrays.<ReactPackage>asList(new MainReactPackage(), new RNPureJwtPackage(), new ActionSheetPackage(),
+      return Arrays.<ReactPackage>asList(new MainReactPackage(),
+            new SplashScreenReactPackage(), new RNPureJwtPackage(), new ActionSheetPackage(),
           new PickerPackage(), new AndroidOpenSettingsPackage(), new ExtraDimensionsPackage(), new RNLocalizePackage(),
           new RNBackgroundGeolocation(), BugsnagReactNative.getPackage(), new ReactNativePushNotificationPackage(),
           new LinearGradientPackage(), new RNFSPackage(), new TouchThroughViewPackage(), new RNMixpanel(),

android/app/src/main/res/layout/launch_screen.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical" android:layout_width="match_parent"
+    android:layout_height="match_parent">
+    <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:src="@drawable/launch_screen" android:scaleType="centerCrop" />
+</RelativeLayout>

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

@@ -1,3 +1,4 @@
 <resources>
   <color name="white">#FFF</color>
+  <color name="primary_dark">#000000</color>
 </resources>

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'tinyrobot'
+include ':react-native-splash-screen'
+project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')
 include ':react-native-pure-jwt'
 project(':react-native-pure-jwt').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-pure-jwt/android')
 include ':react-native-json-web-token'

ios/Podfile

@@ -40,6 +40,8 @@ def testing_pods
   pod 'RNImageCropPicker', :path =>  '../node_modules/react-native-image-crop-picker'
 
   # Add new pods below this line
+  pod 'react-native-splash-screen', :path => '../node_modules/react-native-splash-screen'
+
   pod 'RNPureJwt', :path => '../node_modules/react-native-pure-jwt'
 
   pod 'RNLocalize', :path => '../node_modules/react-native-localize'

ios/Podfile.lock

@@ -130,6 +130,8 @@ PODS:
   - react-native-mixpanel (0.0.6):
     - Mixpanel
     - React
+  - react-native-splash-screen (3.2.0):
+    - React
   - React/Core (0.59.2):
     - yoga (= 0.59.2.React)
   - React/CxxBridge (0.59.2):
@@ -230,6 +232,7 @@ DEPENDENCIES:
   - react-native-google-maps (from `../node_modules/react-native-maps`)
   - react-native-maps (from `../node_modules/react-native-maps`)
   - react-native-mixpanel (from `../node_modules/react-native-mixpanel`)
+  - react-native-splash-screen (from `../node_modules/react-native-splash-screen`)
   - React/Core (from `../node_modules/react-native`)
   - React/CxxBridge (from `../node_modules/react-native`)
   - React/DevSupport (from `../node_modules/react-native`)
@@ -305,6 +308,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-maps"
   react-native-mixpanel:
     :path: "../node_modules/react-native-mixpanel"
+  react-native-splash-screen:
+    :path: "../node_modules/react-native-splash-screen"
   ReactNativePermissions:
     :path: "../node_modules/react-native-permissions"
   RNBackgroundFetch:
@@ -360,6 +365,7 @@ SPEC CHECKSUMS:
   react-native-google-maps: 568cb03d0eae7fef93626f65d05be55642404ed4
   react-native-maps: 0316ed017dbb64b33b227751fa810e2454fcfa39
   react-native-mixpanel: bdb451e8455940a12fdd157c2146a68c5f80310d
+  react-native-splash-screen: 200d11d188e2e78cea3ad319964f6142b6384865
   ReactNativePermissions: b64e084dff6a5cad51587d38c306f09246246384
   RNBackgroundFetch: f123aec9c3fdb946785452a56faae50d28e63aee
   RNBackgroundGeolocation: 3a5bf961801125a88b00dbb4d620b815fb4d39dc
@@ -374,6 +380,6 @@ SPEC CHECKSUMS:
   SSZipArchive: 41455d4b8d2b6ab93990820b50dc697c2554a322
   yoga: 3768a3026ade0fb46a68f3a31a917cf86bc34fc4
 
-PODFILE CHECKSUM: fc0e418a613a2b05a1b3c96c254acdd5fa12de81
+PODFILE CHECKSUM: d8e8272276cb2af7de298d172425f2d9c14d8bda
 
 COCOAPODS: 1.6.1