Bottom Navigation Bar und App-Shell #33

New issue

Closed

opened 2026-05-13 23:56:19 +00:00 by jreinemann-euris · 1 comment

jreinemann-euris commented

2026-05-13 23:56:19 +00:00

(Migrated from github.com)

Part of: #8
Depends on: #32 (Material 3 Custom Theme)

Ziel

Die App hat eine Bottom Navigation Bar mit 4 Tabs (Uebersicht, Inventur, Warnungen, Einstellungen) und ein einheitliches App-Shell-Layout.

Scope

MainScreen-Composable mit Scaffold + NavigationBar (Material 3 BottomBar)
4 Tabs: Uebersicht (Dashboard), Inventur (ItemList), Warnungen, Einstellungen
NavGraph umstrukturieren: Top-Level-Tabs + verschachtelte Navigation innerhalb Inventur (ItemForm, CategoryManagement, LocationManagement)
Screen.kt um Top-Level-Destinations erweitern
Bestehende Screens anpassen (eigene TopAppBars/Scaffolds entfernen wo noetig, in gemeinsames Shell integrieren)
Tab-Icons aus Material Icons (Icons.Outlined.Home, Inventory2, Warning, Settings)

Technische Hinweise

Bestehende Dateien: ui/navigation/Screen.kt, ui/navigation/KrisenvorratNavGraph.kt, MainActivity.kt
DashboardScreen hat eigenes Scaffold+TopAppBar → muss angepasst werden
ItemListScreen hat Navigation-Callbacks (onDashboardClick etc.) → muessen ggf. entfallen
Verschachtelte Navigation: Inventur-Tab behaelt ItemForm, CategoryManagement, LocationManagement als Sub-Screens

Akzeptanzkriterien

Bottom Navigation Bar mit 4 Tabs sichtbar
Navigation zwischen allen Tabs funktioniert (Tab-State bleibt erhalten)
Inventur-Tab: Nested Navigation zu ItemForm, CategoryManagement, LocationManagement funktioniert
Zurueck-Navigation innerhalb Inventur-Tab funktioniert korrekt
Tests: Build kompiliert, bestehende Tests laufen

## Feature: Bottom Navigation Bar mit 4 Tabs und Top-Level App-Shell Part of: #8 Depends on: #32 (Material 3 Custom Theme) ### Ziel Die App hat eine Bottom Navigation Bar mit 4 Tabs (Uebersicht, Inventur, Warnungen, Einstellungen) und ein einheitliches App-Shell-Layout. ### Scope - MainScreen-Composable mit Scaffold + NavigationBar (Material 3 BottomBar) - 4 Tabs: Uebersicht (Dashboard), Inventur (ItemList), Warnungen, Einstellungen - NavGraph umstrukturieren: Top-Level-Tabs + verschachtelte Navigation innerhalb Inventur (ItemForm, CategoryManagement, LocationManagement) - Screen.kt um Top-Level-Destinations erweitern - Bestehende Screens anpassen (eigene TopAppBars/Scaffolds entfernen wo noetig, in gemeinsames Shell integrieren) - Tab-Icons aus Material Icons (Icons.Outlined.Home, Inventory2, Warning, Settings) ### Technische Hinweise - Bestehende Dateien: ui/navigation/Screen.kt, ui/navigation/KrisenvorratNavGraph.kt, MainActivity.kt - DashboardScreen hat eigenes Scaffold+TopAppBar → muss angepasst werden - ItemListScreen hat Navigation-Callbacks (onDashboardClick etc.) → muessen ggf. entfallen - Verschachtelte Navigation: Inventur-Tab behaelt ItemForm, CategoryManagement, LocationManagement als Sub-Screens ### Akzeptanzkriterien - [ ] Bottom Navigation Bar mit 4 Tabs sichtbar - [ ] Navigation zwischen allen Tabs funktioniert (Tab-State bleibt erhalten) - [ ] Inventur-Tab: Nested Navigation zu ItemForm, CategoryManagement, LocationManagement funktioniert - [ ] Zurueck-Navigation innerhalb Inventur-Tab funktioniert korrekt - [ ] Tests: Build kompiliert, bestehende Tests laufen

jreinemann-euris commented

2026-05-14 00:25:58 +00:00

(Migrated from github.com)

Abgeschlossen (2025-05-14)

Zyklen: 1
Tests: ✅ 87+ Tests, 0 Fehler

Implementierte Artefakte

✅ MainScreen.kt: App-Shell mit Scaffold + Material 3 NavigationBar (4 Tabs)
✅ TopLevelDestination.kt: Enum fuer Tab-Konfiguration (Route, Icons, Labels)
✅ Screen.kt: Warnings + Settings Destinations
✅ KrisenvorratNavGraph.kt: Umstrukturiert mit Modifier, neue Screens
✅ DashboardScreen.kt: Scaffold entfernt, Column-Layout
✅ ItemListScreen.kt: onDashboardClick + Dashboard-Menue entfernt
✅ WarningsScreen.kt + SettingsScreen.kt: Platzhalter
✅ material-icons-extended Dependency

Abweichungen

keine

## Abgeschlossen (2025-05-14) **Zyklen:** 1 **Tests:** ✅ 87+ Tests, 0 Fehler ### Implementierte Artefakte - ✅ MainScreen.kt: App-Shell mit Scaffold + Material 3 NavigationBar (4 Tabs) - ✅ TopLevelDestination.kt: Enum fuer Tab-Konfiguration (Route, Icons, Labels) - ✅ Screen.kt: Warnings + Settings Destinations - ✅ KrisenvorratNavGraph.kt: Umstrukturiert mit Modifier, neue Screens - ✅ DashboardScreen.kt: Scaffold entfernt, Column-Layout - ✅ ItemListScreen.kt: onDashboardClick + Dashboard-Menue entfernt - ✅ WarningsScreen.kt + SettingsScreen.kt: Platzhalter - ✅ material-icons-extended Dependency ### Abweichungen keine

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: bollwerkadmin/bollwerk#33

No description provided.