Fix splash config (#2452)

* Don't use mask for android at all

* Handle reduced motion

* Add dark splash

* Add dark config

* Try more config

* Duplicate config

* Ensure splash config is applied

app.config.js

@@ -1,5 +1,16 @@
 const pkg = require('./package.json')
 
+const SPLASH_CONFIG = {
+  backgroundColor: '#ffffff',
+  image: './assets/splash.png',
+  resizeMode: 'cover',
+}
+const DARK_SPLASH_CONFIG = {
+  backgroundColor: '#001429',
+  image: './assets/splash-dark.png',
+  resizeMode: 'cover',
+}
+
 module.exports = function () {
   /**
    * App version number. Should be incremented as part of a release cycle.
@@ -42,11 +53,7 @@ module.exports = function () {
       orientation: 'portrait',
       icon: './assets/icon.png',
       userInterfaceStyle: 'automatic',
-      splash: {
+      splash: SPLASH_CONFIG,
-        image: './assets/splash.png',
-        resizeMode: 'cover',
-        backgroundColor: '#ffffff',
-      },
       ios: {
         buildNumber: IOS_BUILD_NUMBER,
         supportsTablet: false,
@@ -67,10 +74,8 @@ module.exports = function () {
         },
         associatedDomains: ['applinks:bsky.app', 'applinks:staging.bsky.app'],
         splash: {
-          dark: {
+          ...SPLASH_CONFIG,
-            image: './assets/splash-dark.png',
+          dark: DARK_SPLASH_CONFIG,
-            backgroundColor: '#001429',
-          },
         },
       },
       androidStatusBar: {
@@ -102,10 +107,8 @@ module.exports = function () {
           },
         ],
         splash: {
-          dark: {
+          ...SPLASH_CONFIG,
-            image: './assets/splash-dark.png',
+          dark: DARK_SPLASH_CONFIG,
-            backgroundColor: '#001429',
-          },
         },
       },
       web: {