fix: splash screen layout and sizing

nearform · Jan 16, 2025 · 6cd018d · 6cd018d
1 parent d95bdfb
commit 6cd018d
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/app.config.js b/app.config.js
@@ -91,6 +91,19 @@ export default {
       '@react-native-google-signin/google-signin',
       { iosUrlScheme: config.IOS_URL_SCHEME },
     ],
+    [
+      'expo-splash-screen',
+      {
+        backgroundColor: '#FFFFFF',
+        image: './src/assets/splash.png',
+        // TODO: enable if / when we have a dark mode theme for the app
+        // dark: {
+        //   image: './src/assets/splash-dark.png',
+        //   backgroundColor: '#000000',
+        // },
+        imageWidth: 200, // This is the max allowed width apparently
+      },
+    ],
   ],
   runtimeVersion: {
     policy: 'sdkVersion',

diff --git a/src/Main.tsx b/src/Main.tsx
@@ -85,7 +85,6 @@ export default function Main() {
 
   useEffect(() => {
     if (hasPoppinsLoaded && hasDidactLoaded && hasFiraCodeLoaded && !loading) {
-      // FIXME: double-check this is still functional
       SplashScreen.hide()
     }
   }, [hasDidactLoaded, hasFiraCodeLoaded, hasPoppinsLoaded, loading])

diff --git a/src/assets/splash-dark.png b/src/assets/splash-dark.png
diff --git a/src/assets/splash.png b/src/assets/splash.png