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 './screens/LoginPage';
import HomePageNavigator from './navigation/HomePageNavigator';

const AppStack = createNativeStackNavigator();


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

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

export default App;