App.tsx

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 */

import React, {useEffect, useState} from 'react';
import type {PropsWithChildren} from 'react';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
} from 'react-native';
import SplashScreen from 'react-native-splash-screen';
import {
  Colors,
  DebugInstructions,
  Header,
  LearnMoreLinks,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import InputField from './app/Components/InputField/InputField';
import Login from './app/Screens/Login/Login';
import WarningScreen from './app/Screens/WarningScreen/Warning';
import Gender from './app/Screens/Gender/Gender';
import Explain from './app/Screens/Explain/Explain';
import TagsScreen from './app/Screens/Tags/Tags';
import WaitingScreen from './app/Screens/WaitingMatch/WaitingMatch';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import SignUp from './app/Screens/Signup/SignUp';
import Confirmation from './app/Screens/Confirmation/Confirmation';
import Tags from './app/Components/Tags/Tags';
import { withInAppMessaging } from '@aws-amplify/ui-react-native';
// import { API, graphqlOperation } from 'aws-amplify';
// import { createTodo, updateTodo, deleteTodo } from './graphql/mutations';
import { API } from 'aws-amplify';
import * as queries from './src/graphql/queries';
import { Amplify, Auth } from 'aws-amplify';
// import awsconfig from './aws-exports';
import awsconfig from './src/aws-exports'
import ChatScreen from './app/Screens/Messege/Message';
import SocketIOClient from 'socket.io-client';
import Chat from './app/Screens/Chat/Chat';
import Message from './app/Screens/Messege/Message';
Amplify.configure(awsconfig);


const todo = { name: "My first todo", description: "Hello world!" };
const Stack = createNativeStackNavigator();



function App(): JSX.Element {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');
  useEffect(() => {
    SplashScreen.hide(); //hides the splash screen on app load.
  }, []);

  return (
 
      <NavigationContainer>
      {/* Rest of your app code */}

      <Stack.Navigator>
        <Stack.Screen
          options={{headerShown: false}}
          name="SignUp"
          component={SignUp}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Confirmation"
          component={Confirmation}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Login"
          component={Login}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="WarningScreen"
          component={WarningScreen}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Gender"
          component={Gender}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Explain"
          component={Explain}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="TagsScreen"
          component={Tags}
        />
         <Stack.Screen
          options={{headerShown: false}}
          name="WaitingScreen"
          component={WaitingScreen}
        />
         <Stack.Screen
          options={{headerShown: false}}
          name="ChatScreen"
          component={ChatScreen}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Chat"
          component={Chat}
        />
        <Stack.Screen
          options={{headerShown: false}}
          name="Message"
          component={Message}
        />
      </Stack.Navigator>
    </NavigationContainer>
   
  );
}

const styles = StyleSheet.create({});

export default App;