splash_Screen

App.tsx

@@ -1,6 +1,18 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Root from "./Navigators/Root";
+import BootSplash from "react-native-bootsplash";
+import { ToastAndroid } from "react-native";
 const App=()=>{
+  useEffect(() => {
+    const init = async () => {
+      // …do multiple sync or async tasks
+    };
+
+    init().finally(async () => {
+      await BootSplash.hide({ fade: true });
+      ToastAndroid.show("Welcome to Lemon Player",ToastAndroid.SHORT)
+    });
+  }, []);
   return<Root/>
 }
 export default App

android/app/src/main/AndroidManifest.xml

@@ -9,7 +9,7 @@
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
       android:usesCleartextTraffic="true"
-      android:theme="@style/AppTheme">
+     android:theme="@style/BootTheme">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"

android/app/src/main/java/com/lemon_player/MainActivity.java

@@ -1,5 +1,6 @@
 package com.lemon_player;
-
+import android.os.Bundle;
+import com.zoontek.rnbootsplash.RNBootSplash;
 import com.facebook.react.ReactActivity;
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
@@ -15,7 +16,11 @@ public class MainActivity extends ReactActivity {
   protected String getMainComponentName() {
     return "Lemon_Player";
   }
-
+  @Override
+  protected void onCreate(Bundle savedInstanceState) {
+    RNBootSplash.init(this, R.style.BootTheme); // ⬅️ initialize the splash screen
+    super.onCreate(savedInstanceState); // or super.onCreate(null) with react-native-screens
+  }
   /**
    * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
    * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React

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

@@ -6,4 +6,14 @@
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     </style>
 
+
+    <style name="BootTheme" parent="Theme.BootSplash">
+
+    <item name="bootSplashLogo">@raw/back</item>
+    <item name="postBootSplashTheme">@style/AppTheme</item>
+        <item name="bootSplashBrand">@raw/brand</item>
+        <item name="bootSplashBackground">@color/black</item>
+  </style>
+
+
 </resources>

package.json

@@ -16,6 +16,7 @@
     "axios": "^1.4.0",
     "react": "18.2.0",
     "react-native": "0.72.4",
+    "react-native-bootsplash": "^5.0.2",
     "react-native-element-dropdown": "^2.10.0",
     "react-native-pager-view": "^6.2.0",
     "react-native-paper": "^5.10.1",