fixed font error

Author: 415brian

.tamagui/tamagui.config.json

@@ -11,6 +11,7 @@ export default function HomePage() {
       ai="center"
     >
       <Button
+        bc="white"
         borderWidth="$1"
         borderColor="black"
         borderRadius={10}

app/(tabs)/home/index.tsx

@@ -10,7 +10,6 @@ import * as Font from "expo-font";
 import { SplashScreen, Stack } from "expo-router";
 import { TamaguiProvider, Text, Theme } from "tamagui";
 
-import { MySafeAreaView } from "../components/MySafeAreaView";
 import config from "../tamagui.config";
 
 SplashScreen.preventAutoHideAsync();
@@ -35,16 +34,14 @@ export default function Layout() {
     <TamaguiProvider config={config}>
       <Suspense fallback={<Text>Loading...</Text>}>
         <Theme name={colorScheme}>
-          <MySafeAreaView>
-            <Stack>
-              <Stack.Screen
-                name="(tabs)"
-                options={{
-                  headerShown: false
-                }}
-              />
-            </Stack>
-          </MySafeAreaView>
+          <Stack>
+            <Stack.Screen
+              name="(tabs)"
+              options={{
+                headerShown: false
+              }}
+            />
+          </Stack>
         </Theme>
       </Suspense>
     </TamaguiProvider>

app/_layout.tsx

@@ -5,41 +5,3 @@ import { YStack, Text, Button } from "tamagui";
 export default function StartPage() {
   return <Redirect href="/home" />;
 }
-
-// import { Github, Twitter } from "@tamagui/lucide-icons";
-// import { Link, useRouter } from "expo-router";
-// import {
-//   Button,
-//   H1,
-//   ListItem,
-//   Paragraph,
-//   Separator,
-//   YGroup,
-//   YStack
-// } from "tamagui";
-
-// export default function Home() {
-//   const router = useRouter();
-
-//   return (
-//     <>
-//       <YStack
-//         space="$4"
-//         maxWidth={600}
-//       >
-//         <H1 textAlign="center">Welcome Brian.</H1>
-//         <Paragraph textAlign="center">
-//           Here&apos;s a basic starter to show navigating from one screen to
-//           another.
-//         </Paragraph>
-//       </YStack>
-
-//       <YStack space="$2.5">
-//         <Button onPress={() => router.push("/users/testuser")}>
-//           Go to user page
-//         </Button>
-//         <Button onPress={() => router.push("/tabs")}>Go to tabs page</Button>
-//       </YStack>
-//     </>
-//   );
-// }