Added Initial Modules to module list screen

src/components/layout/Screen.js

@@ -16,10 +16,9 @@ const Screen = ({children}) => {
 
 const styles = StyleSheet.create({
     screen: {
+        padding: 15,
         flex: 1,
         backgroundColor: "#fff",
-        alignItems: "center",
-        justifyContent: "center",
     },
 });
 

src/components/screens/ModuleListScreen.js

@@ -1,14 +1,30 @@
-import { StyleSheet, Text } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
 import Screen from "../layout/Screen";
 
+import initialModules from "../../data/modules.js";
+
+
 export const ModuleListScreen = () => {
 //   Initialisation -------------
+    const modules = initialModules;
+
 //   State ----------------------
 //   Handlers -------------------
 //   View -----------------------
   return (
-    <Screen style={styles.container}>
-      <Text>List</Text>
+    <Screen>
+        <View>
+        {modules.map((module) => {
+                return(
+                    <View key={module.ModuleCode}>
+                        <Text>
+                            {module.ModuleCode} {module.ModuleName}
+                        </Text>
+                    </View>
+                )
+            })
+        }
+    </View>
     </Screen>
   );
 };