fix: splash screen squashed on Android

android/app/src/main/assets/capacitor.config.json

@@ -6,7 +6,10 @@
 	"plugins": {
 		"SplashScreen": {
 			"launchShowDuration": 3000,
-			"launchAutoHide": false
+			"launchAutoHide": false,
+			"androidScaleType": "CENTER_CROP",
+			"splashImmersive": true,
+			"backgroundColor": "#00405b"
 		}
 	}
 }

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

@@ -13,10 +13,11 @@
         <item name="windowActionBar">false</item>
         <item name="windowNoTitle">true</item>
         <item name="android:background">@null</item>
+        <item name="android:windowIsTranslucent">true</item>
     </style>
 
 
     <style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
         <item name="android:background">@drawable/splash</item>
     </style>
-</resources>
+</resources>

capacitor.config.ts

@@ -8,7 +8,10 @@ const config: CapacitorConfig = {
     plugins: {
         SplashScreen: {
             launchShowDuration: 3000,
-            launchAutoHide: false
+            launchAutoHide: false,
+            androidScaleType: "CENTER_CROP",
+            splashImmersive: true,
+            backgroundColor: "#00405b"
         },
     }
     // do not commit this into source control

public/workspaces/static

@@ -1 +0,0 @@
-../../static

yarn.lock

@@ -7862,12 +7862,15 @@ react-grid-layout@^0.16.6:
     react-draggable "3.x"
     react-resizable "1.x"
 
+react-icon-base@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/react-icon-base/-/react-icon-base-2.1.0.tgz#a196e33fdf1e7aaa1fda3aefbb68bdad9e82a79d"
+  integrity sha1-oZbjP98eeqof2jrvu2i9rZ6Cp50=
+
 react-icons@^2.2.7:
   version "2.2.7"
   resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-2.2.7.tgz#d7860826b258557510dac10680abea5ca23cf650"
   integrity sha512-0n4lcGqzJFcIQLoQytLdJCE0DKSA9dkwEZRYoGrIDJZFvIT6Hbajx5mv9geqhqFiNjUgtxg8kPyDfjlhymbGFg==
-  dependencies:
-    react-icon-base "2.1.0"
 
 react-is@^16.3.1, react-is@^16.8.1:
   version "16.13.1"