Project-MAD-crudler/App.js

import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import ModuleListScreen from "./src/components/screens/ModuleListScreen";
import ModuleModifyScreen from "./src/components/screens/ModuleModifyScreen";
import ModuleViewScreen from "./src/components/screens/ModuleViewScreen";
import ModuleAddScreen from "./src/components/screens/ModuleAddScreen";

const Stack = createNativeStackNavigator();

export const App = () => {
//   Initialisation -------------
//   State ----------------------
//   Handlers -------------------
//   View -----------------------
    return (
        <NavigationContainer>
         <Stack.Navigator
             initialRouteName='ModuleAddScreen'
             screenOptions= {{
                headerStyle: { backgroundColor: "black" },
                headerTintColor: "white"
         }}
         >
             <Stack.Screen
                 name="ModuleListScreen"
                 component={ModuleListScreen}
                 options={{  title: 'List Modules' }}
             />

             <Stack.Screen
                 name="ModuleAddScreen"
                 component={ModuleAddScreen}
                 options={{  title: 'Add Modules' }}
             />

             <Stack.Screen
                 name="ModuleViewScreen"
                 component={ModuleViewScreen}
                 options={{  title: 'View Modules' }}
             />

             <Stack.Screen
              name="ModuleModifyScreen"
              component={ModuleModifyScreen}
              options={{  title: 'Modify Modules' }}
             />

         </Stack.Navigator>

        </NavigationContainer>
    );
};

export default App;