navigation.js

import React from 'react'
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import Home from './screens/Home';
import RestaurantDetail from './screens/RestaurantDetail';
import { Provider as ReduxProvider } from 'react-redux';
import configureStore from './redux/store';
import OrderCompleted from './screens/OrderCompleted';

const store = configureStore();

export default function RootNavigation() {
    const Stack = createStackNavigator();

    const screenOption = {
        headerShown: false
    };

    return (
        <ReduxProvider store={store}>
            <NavigationContainer>
                <Stack.Navigator initialRouteName='Home' screenOptions={screenOption}>
                    <Stack.Screen name='Home' component={Home}></Stack.Screen>
                    <Stack.Screen name='RestaurantDetail' component={RestaurantDetail}></Stack.Screen>
                    <Stack.Screen name='OrderCompleted' component={OrderCompleted}></Stack.Screen>
                </Stack.Navigator>
            </NavigationContainer>
        </ReduxProvider>
    )
}