[MOO-2469] fix: center and proportionally display Android splash screen

CHANGELOG.md

@@ -8,6 +8,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Fixes
 
 - We have fixed the textinputs hiding behind on-screen keyboard.
+- We have fixed the Android splash screen being stretched. The Mendix logo is now centered and displayed with the correct proportions on all screen sizes.
 
 ### Changes
 

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

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Splash window background: draw the splash image centered with its aspect
+     ratio preserved so the logo is never stretched to fill the window. -->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="#161F30" />
+        </shape>
+    </item>
+    <item>
+        <bitmap
+            android:src="@drawable/splash_screen"
+            android:gravity="center" />
+    </item>
+</layer-list>

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

@@ -103,6 +103,6 @@
 
     <!-- BootSplash theme. -->
     <style name="BootTheme" parent="Theme.MaterialComponents.NoActionBar">
-        <item name="android:windowBackground">@drawable/splash_screen</item>
+        <item name="android:windowBackground">@drawable/bootsplash</item>
     </style>
 </resources>