Merge pull request #294 from fosopenscouting/fix/splashscreen

fix splashscreen

app.json

@@ -1,6 +1,6 @@
 {
   "expo": {
-	"newArchEnabled": true,
+    "newArchEnabled": true,
     "name": "Saamdagen",
     "slug": "saamdagen",
     "version": "#{APP_VERSION}#",
@@ -9,11 +9,6 @@
     "icon": "./assets/images/icon.png",
     "scheme": "saamdagen",
     "userInterfaceStyle": "automatic",
-    "splash": {
-      "image": "./assets/images/splash_new.png",
-      "resizeMode": "cover",
-      "backgroundColor": "#00549F"
-    },
     "updates": {
       "fallbackToCacheTimeout": 0
     },
@@ -39,6 +34,18 @@
       "favicon": "./assets/images/favicon.png"
     },
     "description": "",
-    "plugins": ["expo-asset", "expo-font", "expo-router"]
+    "plugins": [
+      [
+        "expo-splash-screen",
+        {
+          "backgroundColor": "#00549F",
+          "image": "./assets/images/logo.png",
+          "imageWidth": 200
+        }
+      ],
+      "expo-asset",
+      "expo-font",
+      "expo-router"
+    ]
   }
 }

hooks/useCachedResources.tsx

@@ -3,16 +3,15 @@ import * as Font from 'expo-font';
 import * as SplashScreen from 'expo-splash-screen';
 import * as React from 'react';
 
+SplashScreen.preventAutoHideAsync();
+
 const useCachedResources: () => boolean = () => {
   const [isLoadingComplete, setLoadingComplete] = React.useState(false);
 
   // Load any resources or data that we need prior to rendering the app
   React.useEffect(() => {
-    loadResourcesAndDataAsync();
-
     async function loadResourcesAndDataAsync() {
       try {
-        SplashScreen.preventAutoHideAsync();
         // Load fonts
         await Font.loadAsync({
           ...Ionicons.font,
@@ -22,9 +21,11 @@ const useCachedResources: () => boolean = () => {
         console.warn(e);
       } finally {
         setLoadingComplete(true);
-        await SplashScreen.hideAsync();
+        SplashScreen.hide();
       }
     }
+
+    loadResourcesAndDataAsync();
   }, []);
 
   return isLoadingComplete;