Bottom Navigation Bar und App-Shell #33

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)

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
## 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
Sign in to join this conversation.
No description provided.