expo 52 upgrade, light/dark/tint icon, splash screen

App.tsx

@@ -21,7 +21,7 @@ import { useFonts } from "expo-font";
 import { EvaIconsPack } from "@ui-kitten/eva-icons";
 import * as SplashScreen from "expo-splash-screen";
 import { decode, encode } from "base-64";
-import translations from './i18n';
+import translations from "./i18n";
 
 if (!global.btoa) {
   global.btoa = encode;
@@ -41,13 +41,19 @@ i18n.use(initReactI18next).init({
   fallbackLng: "en",
 });
 
+const hideSplash = () => {
+  setTimeout(async () => {
+    await SplashScreen.hideAsync();
+  }, 500);
+};
+
 function AppNavigator() {
   const { serverUrl } = useAppContext();
 
   //updateServerUrl("");
 
   return (
-    <NavigationContainer>
+    <NavigationContainer onReady={hideSplash}>
       <Stack.Navigator
         screenOptions={{
           headerShown: false,
@@ -91,13 +97,6 @@ export default function App() {
     "Montserrat-Medium": require("./assets/fonts/Montserrat-Medium.ttf"),
   });
 
-  // hide splash screen after 750ms
-  useEffect(() => {
-    setTimeout(async () => {
-      await SplashScreen.hideAsync();
-    }, 750);
-  }, []);
-
   const toggleTheme = () => {
     const nextTheme = theme === "light" ? "dark" : "light";
     setTheme(nextTheme);

app.json

@@ -10,17 +10,12 @@
     "assetBundlePatterns": ["**/*"],
     "ios": {
       "jsEngine": "jsc",
-      "splash": {
-        "image": "./assets/splash-light.png",
-        "resizeMode": "cover",
-        "backgroundColor": "#0FDE41",
-        "dark": {
-          "image": "./assets/splash-dark.png",
-          "resizeMode": "cover",
-          "backgroundColor": "#010322"
-        }
-      },
       "supportsTablet": true,
+      "icon": {
+        "light": "./assets/icon-light.png",
+        "dark": "./assets/icon-dark.png",
+        "tinted": "./assets/icon-tinted.png"
+      },
       "bundleIdentifier": "io.evcc.ios",
       "infoPlist": {
         "CFBundleLocalizations": ["de"],
@@ -63,12 +58,14 @@
       "de": "./i18n/de.json"
     },
     "plugins": [
-      ["./scripts/removeNDKBuildId"],
       [
         "expo-build-properties",
         {
           "android": {
-            "usesCleartextTraffic": true
+            "usesCleartextTraffic": true,
+            "ndk": {
+              "arguments": "APP_LDFLAGS=--build-id=none"
+            }
           }
         }
       ],
@@ -81,6 +78,18 @@
           ]
         }
       ],
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/splash-icon-light.png",
+          "backgroundColor": "#0FDE41",
+          "resizeMode": "contain",
+          "dark": {
+            "image": "./assets/splash-icon-dark.png",
+            "backgroundColor": "#010322"
+          }
+        }
+      ],
       "expo-localization"
     ],
     "extra": {