App.js

import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { LoginPage } from './screens/LoginPage';
import { SignUpPage } from './screens/SignUpPage';
import HomePage from './screens/HomePage';
import  CompletedChallengesScreen  from './screens/CompleteChallengesScreen';
import UserComponent from './screens/ProfilePage';
import Challenges from './screens/ChallengesPage';
import Leaderboard from './screens/Leaderboard';
import Achievements from './screens/Achievements';
import ChallengeDescription from './screens/ChallengeDescription';
import Congratulations from './screens/Congratulations';
import Toast from 'react-native-toast-message';

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="LoginPage" screenOptions={{headerShown: false,}}>
        <Stack.Screen name='LoginPage' component={LoginPage}/>
        <Stack.Screen name='SignupPage' component={SignUpPage}/>
        <Stack.Screen name='HomePage' component={HomePage}/>
        <Stack.Screen name='CompletedChallengesScreen' component={CompletedChallengesScreen}/>
        <Stack.Screen name='ProfilePage' component={UserComponent}/>
        <Stack.Screen name='Challenges' component={Challenges}/>
        <Stack.Screen name='Leaderboard' component={Leaderboard}/>
        <Stack.Screen name='Achievements' component={Achievements}/>
        <Stack.Screen name='ChallengeDescription' component={ChallengeDescription}/>
        <Stack.Screen name='Congratulations' component={Congratulations}/>
      </Stack.Navigator>
      <Toast />
    </NavigationContainer>
  );
}