feat: support animated logo in splash screen on Android. (#537)

* feat: support animated logo in splash screen on Android.

* chore: update animated logo.

apps/mobile/android/app/build.gradle

@@ -209,6 +209,8 @@ dependencies {
 
     implementation project(':react-native-splash-screen')
     // implementation project(':isudaji_react-native-install-apk')
+
+    implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.10'
 }
 
 apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

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

@@ -1,21 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<RelativeLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="@color/launchscreen_bg"
     android:orientation="vertical">
 
-    <!-- https://developer.android.com/reference/android/view/ViewGroup.MarginLayoutParams#attr_android%3alayout_marginBottom -->
-    <ImageView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_centerInParent="true"
-        android:layout_marginTop="246sp"
-        android:scaleType="centerCrop"
-        android:src="@drawable/ic_launch_screen"
-        android:translationX="-1sp"
-        android:translationY="-40sp"
-        tools:ignore="ImageContrastCheck" />
+  <pl.droidsonroids.gif.GifImageView
+    android:id="@+id/gifImageView"
+    android:layout_width="389px"
+    android:layout_height="517px"
+    android:layout_centerInParent="true"
+    android:layout_marginTop="246sp"
+    android:scaleType="centerCrop"
+    android:src="@drawable/animated_logo"
+    android:translationX="-1sp"
+    android:translationY="-40sp"
+    app:loopCount="100"
+    tools:ignore="ImageContrastCheck" />
 
 </RelativeLayout>

apps/mobile/android/app/src/main/res/values-night/colors.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="text">#000000</color>
+  <color name="background">#ffffff</color>
+  <color name="primary">#7084ff</color>
+  <color name="primary_dark">#7084ff</color>
+  <color name="launchscreen_bg">#131416</color>
+  <color name="status_bar_color">#ffffff</color>
+</resources>

apps/mobile/android/app/src/main/res/values-night/styles.xml

@@ -0,0 +1,5 @@
+<resources>
+    <style name="SplashScreenTheme" parent="SplashScreen_SplashTheme">
+        <item name="android:windowLightStatusBar">false</item>
+    </style>
+</resources>

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

@@ -9,10 +9,14 @@
         <!-- <item name="android:fontFamily">@font/sf_pro</item> -->
     </style>
     <style name="SplashScreenTheme" parent="SplashScreen_SplashTheme">
-        <item name="colorPrimaryDark">@color/status_bar_color</item>
+        <!-- <item name="android:statusBarColor">@color/primary</item> -->
+        <!-- Add the following line to set the default status bar text color for all the app  to be a light color (false) or a dark color (true) -->
+        <item name="android:windowLightStatusBar">true</item>
+        <!-- <item name="android:windowBackground">@drawable/background_splash</item> -->
+        <!-- Prevents white screen from appearing when opening the app -->
+        <item name="android:windowDisablePreview">true</item>
     </style>
     <!-- <style name="SplashScreenThemeNotUsedNow" parent="Theme.AppCompat.Light.NoActionBar">
-      <item name="colorPrimaryDark">@color/status_bar_color</item>
       <item name="android:windowBackground">@drawable/background_splash</item>
       <item name="android:statusBarColor">@color/primary</item>
       <item name="android:navigationBarColor">@color/primary</item>

apps/mobile/android/build.gradle

@@ -32,6 +32,7 @@ buildscript {
 
 allprojects {
     repositories {
+        mavenCentral()
         google()  // Google's Maven repository
         maven { url 'https://www.jitpack.io' }
     }

apps/mobile/android/settings.gradle

@@ -3,8 +3,8 @@ apply from: file("../node_modules/@react-native-community/cli-platform-android/n
 include ':app'
 includeBuild('../node_modules/@react-native/gradle-plugin')
 
-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-splash-screen'
+// project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')
 
 // include ':isudaji_react-native-install-apk'
 // project(':isudaji_react-native-install-apk').projectDir = new File(rootProject.projectDir, 	'../node_modules/@isudaji/react-native-install-apk/android')