App.js

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import { useFonts, Inter_900Black } from '@expo-google-fonts/inter';
import { Provider } from 'react-redux';
import { store } from './redux/store/store';
import React, {useState, useEffect,useCallback} from 'react'



//Screens
import Navigation from './navigation';
import HelpScreen from './screens/HelpScreen';
import AdoptScreen from './screens/AdoptScreen';
import DonateScreen from './screens/DonateScreen';
import SearchScreen from './screens/SearchScreen';
import AuthScreen from './screens/AuthScreen';
import AdoptDetailScreen from './screens/AdoptDetailScreen';
import PostHelpScreen from './screens/PostHelpScreen';
import HomeScreen from './screens/HomeScreen';
import AnimalsHelpedScreen from './screens/AnimalsHelpedScreen';
import YourDetailsScreen from './screens/YourDetailsScreen';
import AboutUsScreen from './screens/AboutUsScreen';
import HelpDetailScreen from './screens/HelpDetailScreen';



//Navigation
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import LocationModal from './components/locationModal';
import AdoptionRequestScreen from './screens/AdoptionRequestScreen';
import AddHelpScreen from './screens/AddHelpScreen';


const Stack = createNativeStackNavigator();

export default function App() {
  return (
<Provider store={store}>
      <NavigationContainer>
        <Stack.Navigator screenOptions={{headerShown: false}}>
        {/* <Stack.Screen name="Auth" component={AuthScreen} /> */}
         <Stack.Screen name="Nav" component={Navigation} />
        <Stack.Screen name="Home" component={HomeScreen} />
          <Stack.Screen name="Help" component={HelpScreen}  />
          <Stack.Screen name="HelpDetail" component={HelpDetailScreen} />
          <Stack.Screen name="Adopt" component={AdoptScreen} />
          <Stack.Screen name="AdoptDetail" component={AdoptDetailScreen} />
          <Stack.Screen name="Donate" component={DonateScreen} />
          <Stack.Screen name="Search" component={SearchScreen} />
          <Stack.Screen name="PostHelp" component={PostHelpScreen} />
          <Stack.Screen name="AnimalsHelped" component={AnimalsHelpedScreen} />
          <Stack.Screen name="LocationModal"  options={{presentation: 'modal'}} component={LocationModal} />
          <Stack.Screen name="AdoptRequestForm" component={AdoptionRequestScreen} />
          <Stack.Screen name="AddHelpScreen" component={AddHelpScreen} />

          {/* Profile */}
          <Stack.Screen name="YourDetails" options={{presentation: 'modal'}} component={YourDetailsScreen} />
          <Stack.Screen name="AboutUs" options={{presentation: 'modal'}} component={AboutUsScreen} />
        </Stack.Navigator>
      </NavigationContainer>
</Provider>
     
    
  );
}