images.d.ts added

app/(root)/(tabs)/index.tsx

@@ -10,7 +10,7 @@ export default function Index() {
         alignItems: "center",
       }}
     >
-      <Text className="font-bold text-lg mt-10">Welcome to mobile.mk</Text>
+      <Text className="font-bold my-10 uppercase">Welcome to mobile.mk</Text>
       <Link href="/signin">SignIn</Link>
       <Link href="/explore">explore</Link>
       <Link href="/profile">profile</Link>

app/_layout.tsx

@@ -1,6 +1,23 @@
-import { Stack } from "expo-router";
+import { SplashScreen, Stack } from "expo-router";
+import { useFonts } from "expo-font";
+import { useEffect } from "react";
+// import * as SplashScreen from "expo-splash-screen";
 import "./global.css";
 
 export default function RootLayout() {
+  const [fontLoaded] = useFonts({
+    spaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
+  });
+
+  useEffect(() => {
+    if (fontLoaded) {
+      SplashScreen.hideAsync();
+    }
+  }, [fontLoaded]);
+
+  if (!fontLoaded) {
+    return null;
+  }
+
   return <Stack />;
 }