App.js

import React, { Component } from 'react';
import 'react-native-gesture-handler';
import { View, Text, StyleSheet, ImageBackground } from 'react-native';
import LoginForm from './components/LoginForm';
import HomePage from './components/HomePage';
import Loading from './components/Loading';
import LoginPage from './components/LoginPage';
import EmailAndPassword from './components/EmailAndPassword';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import ProfilePage from './components/ProfilePage';
import home from './components/home';
import Search from './components/search';
import SplashScreen from './components/SplashScreen';
import ProfileGallery from './components/ProfileGallery';
import UploadForm from './components/UploadForm';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
    <Stack.Navigator initialRouteName='SplashScreen' headerMode="none">
    <Stack.Screen name="SplashScreen" component={SplashScreen} />
      <Stack.Screen name="LoginPage" component={LoginPage} />
      <Stack.Screen name="HomePage" component={HomePage} />
      <Stack.Screen name="EmailAndPassword" component={EmailAndPassword} />
      <Stack.Screen name="Loading" component={Loading} />
      <Stack.Screen name="LoginForm" component={LoginForm} />
      <Stack.Screen name="ProfilePage" component={ProfilePage} />
      <Stack.Screen name="home" component={home} />
      <Stack.Screen name="Search" component={Search} />
      <Stack.Screen name="ProfileGallery" component={ProfileGallery} />
      <Stack.Screen name="UploadForm" component={UploadForm} />
    </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;