added splash screen setup

Author: sethukumar0001

App.js

@@ -2,7 +2,6 @@
  * Sample React Native App
  * https://github.com/facebook/react-native
  * https://dribbble.com/shots/5726952-Bingo-App-UI-Kit/attachments/11021810?mode=media
- * https://aboutreact.com/custom-navigation-drawer-sidebar-with-image-and-icon-in-menu-options/
  * https://github.dev/itzpradip/react-navigation-v6-mix
  * https://github.com/NyashaNziramasanga/react-native-horizontal-scroll-menu
  * @format

README.md

@@ -2,6 +2,8 @@
 
 # Features:
 
+:white_check_mark: Splash Screen Image Upon Starting of Application 
+
 :white_check_mark: Folder Architecture
 
 :white_check_mark: Stack, Tab and Drawer Navigation
@@ -150,6 +152,77 @@ npm run-android
 
 npm run ios
 
+# For Splash Screen
+
+- Convert your icons to different sizes using https://www.appicon.co/
+- replace this images with android/app/src/main/res images ( Folder name starts with **mipmap** )
+- Update Your App Name in android/app/src/main/res/values/string.xml
+- Create color.xml file and paste below in android/app/src/main/res/values
+
+```
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!--   color for the app bar and other primary UI elements -->
+    <color name="colorPrimary">#FFFFFF</color>
+    <color name="colorPrimaryDark">#A52D53</color>
+    <color name="splashscreen_background">#FFFFFF</color>
+    <color name="colorAccent">#FFFFFF</color>
+</resources>
+
+```
+
+- Create background_splash.xml file and paste below in android/app/src/main/res/drawable
+
+```
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/colorPrimary"/>
+    <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/ic_launcher"/>
+    </item>
+</layer-list>
+
+```
+
+- Create splashscreen.xml file and paste below in android/app/src/main/res/drawable
+
+```
+<?xml version="1.0" encoding="utf-8"?>
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/splashscreen_background"/>
+    <item>
+        <bitmap
+            android:gravity = "center"
+            android:src="@mipmap/ic_launcher"/>
+    </item>
+</layer-list>
+
+```
+
+- Import above in android/app/src/main/AndroidManifest.xml in activity
+
+```
+<activity
+...
+android:theme="@style/SplashTheme"
+>
+```
+
+- Add Below in android/app/src/main/res/values/styles.xml under resourses
+
+```
+<resources>
+...
+ <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    <item name="android:windowBackground">@drawable/splashscreen</item>
+            <item name="android:windowDisablePreview">true</item>
+    </style>
+</resources>
+```
+
 # Light Mode
 
 <img src="/screenshots/1.png" width="300px"></img>

android/app/src/main/AndroidManifest.xml

@@ -17,7 +17,9 @@
         android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
         android:launchMode="singleTask"
         android:windowSoftInputMode="adjustResize"
-        android:exported="true">
+        android:exported="true"
+        android:theme="@style/SplashTheme"
+        >
         <intent-filter>
             <action android:name="android.intent.action.MAIN" />
             <category android:name="android.intent.category.LAUNCHER" />

android/app/src/main/assets/index.android.bundle

@@ -0,0 +1,8 @@
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/colorPrimary"/>
+    <item>
+        <bitmap
+            android:gravity="center"
+            android:src="@mipmap/ic_launcher"/>
+    </item>
+</layer-list>

android/app/src/main/res/drawable/background_splash.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/splashscreen_background"/>
+    <item>
+        <bitmap
+            android:gravity = "center"
+            android:src="@mipmap/ic_launcher"/>
+    </item>
+</layer-list>

android/app/src/main/res/drawable/splashscreen.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!--   color for the app bar and other primary UI elements -->
+    <color name="colorPrimary">#FFFFFF</color>
+    <color name="colorPrimaryDark">#A52D53</color>
+    <color name="splashscreen_background">#FFFFFF</color>
+    <color name="colorAccent">#FFFFFF</color>
+</resources>

android/app/src/main/res/mipmap-hdpi/ic_launcher.png

@@ -1,3 +1,3 @@
 <resources>
-    <string name="app_name">CareerWill</string>
+    <string name="app_name">RNFeatures</string>
 </resources>

android/app/src/main/res/mipmap-mdpi/ic_launcher.png

@@ -5,5 +5,10 @@
         <!-- Customize your theme here. -->
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
     </style>
+        <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    <item name="android:windowBackground">@drawable/splashscreen</item>
+            <item name="android:windowDisablePreview">true</item> 
+    </style>
 
 </resources>