feat: Hide the splash screen after the navigation is rendered.

Author: dohooo

.changeset/five-cows-talk.md

@@ -0,0 +1,5 @@
+---
+"xlog": patch
+---
+
+Hide the splash screen after the navigation is rendered.

src/navigation/root.tsx

@@ -1,9 +1,10 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { HeaderBackButton } from "@react-navigation/elements";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import * as SplashScreen from "expo-splash-screen";
 
 import { CharacterListPage } from "@/pages/CharacterList";
 import { ClaimCSBPage } from "@/pages/ClaimCSB";
@@ -34,6 +35,10 @@ export const RootNavigator = () => {
   const { bottom } = useSafeAreaInsets();
   const i18n = useTranslation("common");
 
+  useEffect(() => {
+    SplashScreen.hideAsync();
+  }, []);
+
   return (
     <RootStack.Navigator initialRouteName="Home">
       {/* Without header */}

src/providers/preload-provider.tsx

@@ -1,7 +1,6 @@
 import { type FC, type PropsWithChildren, useEffect } from "react";
 
 import { useFonts } from "expo-font";
-import * as SplashScreen from "expo-splash-screen";
 
 export const PreloadProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
   const [fontsLoadingReady] = useFonts({
@@ -13,12 +12,6 @@ export const PreloadProvider: FC<PropsWithChildren<{}>> = ({ children }) => {
 
   const allReady = fontsLoadingReady;
 
-  useEffect(() => {
-    if (allReady) {
-      SplashScreen.hideAsync();
-    }
-  }, [allReady]);
-
   if (!allReady)
     return null;