App.js

import HomeScreen from "./screens/HomeScreen";
import { useFonts } from "expo-font";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { NavigationContainer } from "@react-navigation/native";
import AddLocationScreen from "./screens/AddLocationScreen";
import IceMakerDetailScreen from "./screens/IceMakerDetailScreen";

export default function App() {
  const [loaded] = useFonts({
    BarlowBold: require("./fonts/Barlow-Bold.ttf"),
    BarlowExtraBold: require("./fonts/Barlow-ExtraBold.ttf"),
    BarlowRegular: require("./fonts/Barlow-Regular.ttf"),
  });

  const Stack = createNativeStackNavigator();

  if (!loaded) {
    return null;
  }
  return (
    <NavigationContainer>
      <Stack.Navigator screenOptions={{ headerShown: false }}>
        <Stack.Screen name="HomeScreen" component={HomeScreen} />
        <Stack.Screen name="AddLocationScreen" component={AddLocationScreen} />
        <Stack.Screen
          name="IceMakerDetailScreen"
          component={IceMakerDetailScreen}
        />
      </Stack.Navigator>
    </NavigationContainer>
  );
}