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";

const Stack = createNativeStackNavigator();

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

          <Stack.Screen
              name="ModuleListScreen"
              component={ModuleListScreen}
              options={{  title: 'List Modules' }}
          />
         </Stack.Navigator>

        </NavigationContainer>
    );
};

export default App;