Made User Form section

This commit is contained in:
bobbert committed 2025-12-07 17:12:37 +00:00
1 parent d948f126df
commit 755d568090
8 files changed
+365 -61

No files matched your search

+64 -36
View File
@@ -4,6 +4,11 @@ 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";
import UserModifyScreen from "./src/components/screens/UserModifyScreen";
import UserViewScreen from "./src/components/screens/UserViewScreen";
import UserAddScreen from "./src/components/screens/UserAddScreen";
import UserListScreen from "./src/components/screens/UserListScreen";
const Stack = createNativeStackNavigator();
@@ -13,46 +18,69 @@ export const App = () => {
// Handlers -------------------
// View -----------------------
return (
<GestureHandlerRootView style={{flex: 1}}>
<Drawer>
<Drawer.Screen name="Module Crudler" component={ModuleListScreen}/>
</Drawer>
<NavigationContainer>
<Stack.Navigator
initialRouteName='ModuleListScreen'
screenOptions={{
headerStyle: {backgroundColor: "black"},
headerTintColor: "white"
}}
>
<Stack.Screen
name="ModuleListScreen"
component={ModuleListScreen}
options={{title: 'List Modules'}}
/>
<NavigationContainer>
<Stack.Navigator
initialRouteName='ModuleListScreen'
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="ModuleAddScreen"
component={ModuleAddScreen}
options={{title: 'Add Modules'}}
/>
<Stack.Screen
name="ModuleViewScreen"
component={ModuleViewScreen}
options={{title: 'View Modules'}}
/>
<Stack.Screen
name="ModuleViewScreen"
component={ModuleViewScreen}
options={{title: 'View Modules'}}
/>
<Stack.Screen
name="ModuleModifyScreen"
component={ModuleModifyScreen}
options={{title: 'Modify Modules'}}
/>
<Stack.Screen
name="ModuleModifyScreen"
component={ModuleModifyScreen}
options={{title: 'Modify Modules'}}
/>
</Stack.Navigator>
</NavigationContainer>
</GestureHandlerRootView>
);
{/*USERS SECTION BELOW*/}
<Stack.Screen
name="UserListScreen"
component={UserListScreen}
options={{title: 'List Users'}}
/>
<Stack.Screen
name="UserAddScreen"
component={UserAddScreen}
options={{title: 'Add Users'}}
/>
<Stack.Screen
name="UserViewScreen"
component={UserViewScreen}
options={{title: 'View Users'}}
/>
<Stack.Screen
name="UserModifyScreen"
component={UserModifyScreen}
options={{title: 'Modify Users'}}
/>
</Stack.Navigator>
</NavigationContainer>
)
;
};
export default App;