React-Nav-Melon/App.js

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

import { NavigationContainer } from '@react-navigation/native';
import React from 'react';
import 'react-native-gesture-handler';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
} from 'react-native';
import LoginPage from './src/screens/LoginPage';
import HomePageNavigator from './src/navigation/HomePageNavigator';
import { GestureHandlerRootView } from 'react-native-gesture-handler';
import UnsignedLandingPage from './src/screens/UnsignedLandingPage';

const AppStack = createNativeStackNavigator();


const App = () => {
  return (
      <NavigationContainer>
        <AppStack.Navigator headerShown={true}>
          <AppStack.Screen
            name="Login"
            component={LoginPage}
            options={{
              headerShown: false,
            }}
          />
          <AppStack.Screen
            name="Home"
            component={HomePageNavigator}
            options={{ headerShown: false }}
          />
          <AppStack.Screen
            name='UnsignedLanding'
            component={UnsignedLandingPage}
            options={{ headerShown: false }}
          />
        </AppStack.Navigator>
        {/* <View style={styles.appContainer}>
        <Text>App</Text>
      </View> */}
      </NavigationContainer>



  );
};

const styles = StyleSheet.create({
  appContainer: {
    flex: 1,
  },
});

export default App;