App.tsx

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Provider } from 'react-redux';
import { store } from './src/redux/store/store';

import SplashScreen from './src/component/splash/SplashScreen';
import LoginScreen from './src/component/login/LoginScreen';
import SignUp from './src/component/signup/SignUp';
import CartScreen from './src/component/cart/CartScreen';
import HomeScreen from './src/component/Home/HomeScreen';
import FavouriteScreen from './src/component/favourite/FavouriteScreen';
import SearchScreen from './src/component/search/SearchScreen';
import DetailsScreen from './src/component/pdp/DetailsScreen';

const Stack = createStackNavigator();

const App = () => {
  return (
    <Provider store={store}>
      <NavigationContainer>
        <Stack.Navigator
          initialRouteName="Splash"
          screenOptions={{ headerShown: false }}>
          <Stack.Screen name="Splash" component={SplashScreen} />
          <Stack.Screen name="Login" component={LoginScreen} />
          <Stack.Screen name="Home" component={HomeScreen} />
          <Stack.Screen name="Signup" component={SignUp} />
          <Stack.Screen name="cart" component={CartScreen} />
          <Stack.Screen name="fav" component={FavouriteScreen} />
          <Stack.Screen name="search" component={SearchScreen} />
          <Stack.Screen name="DetailsScreen" component={DetailsScreen} />
        </Stack.Navigator>
      </NavigationContainer>
    </Provider>
  );
};

export default App;