App.js

import {StyleSheet} from 'react-native';
import {NavigationContainer} from "@react-navigation/native";
import {createNativeStackNavigator} from "@react-navigation/native-stack";
import Home from "./screens/Home";
import ProductInfo from "./screens/ProductInfo";
import Checkout from "./screens/Checkout";
import LoginScreen from "./screens/welcome/LoginScreen";
import RegisterScreen from "./screens/welcome/RegisterScreen";
import Inventory from "./screens/Inventory";
import InventoryUpdate from "./screens/InventoryUpdate";


export default function App() {
  const Stack = new createNativeStackNavigator();
  return (

      <NavigationContainer>
        <Stack.Navigator
            screenOptions={{headerShown: false,}}
        >
            <Stack.Screen name="Login" component={LoginScreen} />
            <Stack.Screen name={"Register"} component={RegisterScreen}/>
            <Stack.Screen name={"Home"} component={Home} />
            <Stack.Screen name={"Inventory"} component={Inventory} />
            <Stack.Screen name={"InventoryUpdate"} component={InventoryUpdate}/>
          <Stack.Screen name={"ProductInfo"} component={ProductInfo} />
          <Stack.Screen name={"MyCart"} component={Checkout} />
        </Stack.Navigator>
      </NavigationContainer>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#c8ffb3',
    alignItems: 'center',
    justifyContent: 'center',
  },
});