Added Screen component and other pages

App.js

@@ -1,6 +1,9 @@
 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();
 
@@ -12,18 +15,36 @@ export const App = () => {
     return (
         <NavigationContainer>
          <Stack.Navigator
-             initialRouteName='ModuleListScreen'
+             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.Screen
-              name="ModuleListScreen"
-              component={ModuleListScreen}
-              options={{  title: 'List Modules' }}
-          />
          </Stack.Navigator>
 
         </NavigationContainer>