App.js

import 'react-native-gesture-handler';

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

// Importing our screens
import Home from './screens/Home';
import Chat from './screens/Chat';
import Host from './screens/Host';
import Client from './screens/Client'

const Stack = createStackNavigator();

export default function App(){
    return(
        <NavigationContainer>
            <Stack.Navigator>
                <Stack.Screen name="Home" component={Home}/>
                <Stack.Screen name="Chat" component={Chat}/>
                <Stack.Screen name="Host" component={Host}/>
                <Stack.Screen name="Client" component={Client}/>
            </Stack.Navigator>
        </NavigationContainer>
    );
}

/*
  We are wrapping Home screen and Chat screen in a single stack, 
  so that we can navigate from Home to Chat screen.
*/