MAD-Treasure-Hunt/App.js

import {NavigationContainer} from "@react-navigation/native";
import {createNativeStackNavigator} from "@react-navigation/native-stack";
import LoginScreen from "./src/components/screens/LoginScreen";
import RegisterScreen from "./src/components/screens/RegisterScreen";
import GameTypeScreen from "./src/components/screens/GameTypeScreen";
import JoinPrivateGameScreen from "./src/components/screens/JoinPrivateGameScreen";
import ManagePrivateGameScreen from "./src/components/screens/ManagePrivateGameScreen";
import CreateGameScreen from "./src/components/screens/CreateGameScreen";
import ManageGameScreen from "./src/components/screens/ManageGameScreen";
import GameLobbyScreen from "./src/components/screens/GameLobbyScreen";
import TeamScreen from "./src/components/screens/TeamScreen";
import MapScreen from "./src/components/screens/MapScreen";
import LeaderboardScreen from "./src/components/screens/LeaderboardScreen";
import AdminHubScreen from "./src/components/screens/AdminHubScreen";
import ManageSubgroupsScreen from "./src/components/screens/ManageSubgroupsScreen";

const Stack = createNativeStackNavigator();

const AuthStack = () => (
    <Stack.Navigator
        screenOptions={{headerShown: false}}
    >
        <Stack.Screen name="LoginScreen" component={LoginScreen}/>
        <Stack.Screen name="RegisterScreen" component={RegisterScreen}/>
    </Stack.Navigator>
);

const GameStack = () => (
    <Stack.Navigator
        screenOptions={{headerShown: false}}
    >
        <Stack.Screen name="GameTypeScreen" component={GameTypeScreen}/>
        <Stack.Screen name="JoinPrivateGameScreen" component={JoinPrivateGameScreen}/>
        <Stack.Screen name="ManagePrivateGameScreen" component={ManagePrivateGameScreen}/>
        <Stack.Screen name="CreateGameScreen" component={CreateGameScreen}/>
        <Stack.Screen name="ManageGameScreen" component={ManageGameScreen}/>
        <Stack.Screen name="GameLobbyScreen" component={GameLobbyScreen}/>
        <Stack.Screen name="LeaderboardScreen" component={LeaderboardScreen}/>
        <Stack.Screen name="TeamScreen" component={TeamScreen}/>
        <Stack.Screen name="MapScreen" component={MapScreen}/>
    </Stack.Navigator>
);

const AdminStack = () => (
    <Stack.Navigator
        screenOptions={{headerShown: false}}
    >
        <Stack.Screen name="AdminHubScreen" component={AdminHubScreen}/>
        <Stack.Screen name="ManageSubgroupsScreen" component={ManageSubgroupsScreen}/>
        <Stack.Screen name="LeaderboardScreen" component={LeaderboardScreen}/>
        <Stack.Screen name="MapScreen" component={MapScreen}/>
        <Stack.Screen name="TeamScreen" component={TeamScreen}/>
        <Stack.Screen name="CreateGameScreen" component={CreateGameScreen}/>
        <Stack.Screen name="ManageGameScreen" component={ManageGameScreen}/>
    </Stack.Navigator>
);

export const App = () => {
    return (
        <NavigationContainer>
            <Stack.Navigator
                screenOptions={{headerShown: false}}
            >
                <Stack.Screen name="Auth" component={AuthStack}/>
                <Stack.Screen name="Game" component={GameStack}/>
                <Stack.Screen name="Admin" component={AdminStack}/>
            </Stack.Navigator>
        </NavigationContainer>
    );
};

export default App;