Android react-native-splash-screen setup

README.md

Steps

1. $ yarn add react-native-splash-screen
2. $ cd ios/ && pod install && cd ..
3. $ npx yown @eightyfive/react-native-splash-screen
4. Rename yourapp folder to your project name
5. Rename package com.yourapp in Java files
6. Create android/app/src/main/res/drawable-hdpi/logo.png file (1024x1024, transparent background)

Warning

Only compatible with wix/react-native-navigation Android applications.

android\app\src\main\AndroidManifest.xml.patch

@@ -15,13 +15,23 @@
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
         android:launchMode="singleTask"
-        android:windowSoftInputMode="adjustResize">
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
         <intent-filter>
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
       </activity>
       <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+      <activity
+          android:name=".SplashActivity"
+          android:theme="@style/SplashTheme"
+          android:label="@string/app_name">
+          <intent-filter>
+              <action android:name="android.intent.action.MAIN" />
+              <category android:name="android.intent.category.LAUNCHER" />
+          </intent-filter>
+      </activity>
     </application>
 
 </manifest>

android\app\src\main\java\com\yourapp\MainActivity.java.patch

package com.yourapp;
 
+import android.os.Bundle;
+import org.devio.rn.splashscreen.SplashScreen;
+
 import com.reactnativenavigation.NavigationActivity;
 
 public class MainActivity extends NavigationActivity {
-
-  
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        SplashScreen.show(this);
+        super.onCreate(savedInstanceState);
+    }
 }

android\app\src\main\java\com\yourapp\SplashActivity.java

package com.yourapp;

import android.content.Intent;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Intent intent = new Intent(this, MainActivity.class);
        startActivity(intent);
        finish();
    }
}

android\app\src\main\res\drawable\background.xml

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
		<solid android:color="@color/primary_dark" />
</shape>

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"
    android:gravity="center">
    <ImageView
        android:src="@drawable/logo"
        android:layout_width="200dp"
        android:layout_height="200dp" />
</LinearLayout>

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

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="primary_dark">#0039cb</color>
</resources>

android\app\src\main\res\values\styles.xml.patch

@@ -6,4 +6,8 @@
         <item name="android:textColor">#000000</item>
     </style>
 
+    <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="android:windowBackground">@drawable/background</item>
+    </style>
+
 </resources>
 

yown.json

{
  "keywords": ["react-native-splash-screen", "react-native", "react-native-navigation"]
}