App.tsx

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import HomeScreen from './src/srceens/HomeScreen';
import { SafeAreaView } from 'react-native-safe-area-context';
import RestaurantScreen from './src/srceens/RestaurantScreen';
import { RestaurantCardProps } from './src/components/RestaurantCard';
import { Provider } from 'react-redux';
import { store } from './src/store';
import BasketScreen from './src/srceens/BasketScreen';
import PreparingOrderScreen from './src/srceens/PreparingOrderScreen';
import DeliveryScreen from './src/srceens/DeliveryScreen';
import { RootStackParamList } from './src/srceens/props';

const Stack = createNativeStackNavigator<RootStackParamList>();

export default function App() {
  return (
    <Provider store={store}>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen
            name="Home"
            component={HomeScreen}
            options={{ title: 'home' }}
          ></Stack.Screen>
          <Stack.Screen
            name="Restaurant"
            component={RestaurantScreen}
            options={{ title: 'Restaurant' }}
          ></Stack.Screen>
          <Stack.Screen
            name="Basket"
            component={BasketScreen}
            options={{ presentation: 'modal', headerShown: false }}
          ></Stack.Screen>
          <Stack.Screen
            name="PreparingOrderScreen"
            component={PreparingOrderScreen}
            options={{ presentation: 'fullScreenModal', headerShown: false }}
          ></Stack.Screen>
          <Stack.Screen
            name="Delivery"
            component={DeliveryScreen}
            options={{ presentation: 'fullScreenModal', headerShown: false }}
          ></Stack.Screen>
        </Stack.Navigator>
        <StatusBar style="auto" />
      </NavigationContainer>
    </Provider>
  );
  // return (
  //   <SafeAreaView>
  //     <View>
  //       <Text>Home</Text>
  //     </View>
  //   </SafeAreaView>
  // );
}