StackNavigator.js

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import HomeScreen from './screens/HomeScreen';
import MenuScreen from './screens/MenuScreen';
import CartScreen from './screens/CartScreen';
import LoadingScreen from './screens/LoadingScreen';
import OrderScreen from './screens/OrderScreen';

const Stack = createNativeStackNavigator();


const StackNavigator = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="Home" component={HomeScreen} options={{headerShown: false}}/>
                <Stack.Screen name="Menu" component={MenuScreen} options={{headerShown: false}}/>
                <Stack.Screen name="Cart" component={CartScreen} options={{headerShown: false}}/>
                <Stack.Screen name="Loading" component={LoadingScreen} options={{headerShown: false}}/>
                <Stack.Screen name="Order" component={OrderScreen} options={{headerShown: false}}/>
            </Stack.Navigator>
        </NavigationContainer>
    )
}

export default StackNavigator

const styles = StyleSheet.create({})