Didnt follow App.js And ModuleListScreen.js instructions properly last time, had content of files the wrong way round, corrected that.

App.js

@@ -1,20 +1,27 @@
-import { StatusBar } from "expo-status-bar";
-import { StyleSheet, Text, View } from "react-native";
+import { NavigationContainer } from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import ModuleListScreen from "./src/components/screens/ModuleListScreen";
 
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <Text>Hello this is the app.js page</Text>
-      <StatusBar style="auto" />
-    </View>
-  );
-}
+const Stack = createNativeStackNavigator();
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
+export const App = () => {
+//   Initialisation -------------
+//   State ----------------------
+//   Handlers -------------------
+//   View -----------------------
+    return (
+        <NavigationContainer>
+         <Stack.Navigator initialRouteName='ModuleListScreen'>
+
+          <Stack.Screen
+              name="ModuleListScreen"
+              component={ModuleListScreen}
+              options={{  title: 'List Modules' }}
+          />
+         </Stack.Navigator>
+
+        </NavigationContainer>
+    );
+};
+
+export default App;