Navbar Anpassen #9

Merged
gelbeinhalb merged 11 commits from enhancement/8-tabbar-angleichen into development 2025-11-09 19:59:56 +00:00
Owner

Navbar Angleichen

Felix nennt es Tabbar ich würde es Navbar nennen -> er meint Navbar ist für ihn oben -> dann halt Bottom Navbar.

Zugehörige Issue(s):
Closes #8

Description

  • Updated Navbar

Changes Made

  • Removed floating button
  • Changed icons
  • Added text below icons
  • Changed navbar to be rounded and float
  • Added bigger icon hitboxes

Comparison

before after
image.png image.png
# Navbar Angleichen Felix nennt es Tabbar ich würde es Navbar nennen -> er meint Navbar ist für ihn oben -> dann halt Bottom Navbar. **Zugehörige Issue(s):** Closes #8 ## Description - Updated Navbar ## Changes Made - [x] Removed floating button - [x] Changed icons - [x] Added text below icons - [x] Changed navbar to be rounded and float - [x] Added bigger icon hitboxes ## Comparison | before | after | | --- | --- | | ![image.png](/attachments/5a603edd-4a15-4151-bb1c-71dbc986f50a) | ![image.png](/attachments/3a8e456e-bb42-4aec-9f09-28eec5d85461) |
gelbeinhalb added this to the Minimum Viable Product (MVP) milestone 2025-11-08 14:58:27 +00:00
gelbeinhalb added the
Task
Enhancement
Priority
Low
4
PR
Ready for Review
2
labels 2025-11-08 14:58:27 +00:00
gelbeinhalb added 4 commits 2025-11-08 14:58:27 +00:00
gelbeinhalb requested review from flixcoo 2025-11-08 14:58:27 +00:00
gelbeinhalb requested review from sneeex 2025-11-08 14:58:27 +00:00
gelbeinhalb added 1 commit 2025-11-08 15:50:21 +00:00
gelbeinhalb added 1 commit 2025-11-08 16:19:09 +00:00
gelbeinhalb changed title from 8-tabbar-angleichen to WIP: 8-tabbar-angleichen 2025-11-08 16:20:09 +00:00
gelbeinhalb changed title from WIP: 8-tabbar-angleichen to 8-tabbar-angleichen 2025-11-08 16:20:16 +00:00
gelbeinhalb was assigned by flixcoo 2025-11-08 16:22:49 +00:00
gelbeinhalb changed title from 8-tabbar-angleichen to Navbar Anpassen 2025-11-08 16:32:39 +00:00
flixcoo requested changes 2025-11-08 16:39:16 +00:00
@@ -75,3 +55,1 @@
icon: Icon(
Icons.home,
color: currentIndex == 0 ? Colors.white : Colors.black,
extendBody: true, // Enables floating effect
Owner

Chat GPT Kommentar entfernen

Chat GPT Kommentar entfernen
Author
Owner

Hab ich extra reingemacht weil ich das so unlogisch fand. Also der Code erklärt sich nicht selber finde ich

Hab ich extra reingemacht weil ich das so unlogisch fand. Also der Code erklärt sich nicht selber finde ich
flixcoo marked this conversation as resolved
@@ -106,3 +79,4 @@
);
}
Widget _buildNavItem(IconData icon, String label, int index) {
Owner

Ich würde das Widget entweder Auslagern (als nav_item.dart im widgets Ordner) oder das Expanded Widget direkt in die Row setzen (nicht so geil). Wenn du das Auslagerst sparst du dir ganz viel Code hier und übergibst die Parameter einfach direkt in das Widget.

Ich würde das Widget entweder Auslagern (als `nav_item.dart` im `widgets` Ordner) oder das `Expanded` Widget direkt in die Row setzen (nicht so geil). Wenn du das Auslagerst sparst du dir ganz viel Code hier und übergibst die Parameter einfach direkt in das Widget.
Author
Owner

Ja stimmt.
Ich lager das dann aus.

Ja stimmt. Ich lager das dann aus.
flixcoo marked this conversation as resolved
@@ -109,0 +82,4 @@
Widget _buildNavItem(IconData icon, String label, int index) {
final isSelected = currentIndex == index;
return Expanded( // makes each nav item occupy equal width = large horizontal hitbox
Owner

Chat GPT kommentare?

Chat GPT kommentare?
gelbeinhalb marked this conversation as resolved
gelbeinhalb added 1 commit 2025-11-08 16:45:13 +00:00
gelbeinhalb added 2 commits 2025-11-08 17:06:28 +00:00
gelbeinhalb requested review from flixcoo 2025-11-08 17:06:45 +00:00
flixcoo reviewed 2025-11-08 17:13:05 +00:00
@@ -0,0 +22,4 @@
@override
Widget build(BuildContext context) {
bool isSelected = widget.currentIndex == widget.index;
Owner

Ggf. andere möglichkeit finden für isSelected, übergeben als Parameter

Ggf. andere möglichkeit finden für isSelected, übergeben als Parameter
Author
Owner

ja überleg dir ma was

ja überleg dir ma was
Owner

Du könntest z.B. einen Parameter isSelected übergeben der gesetzt wird wenn currentIndex == 0 // 1, 2, 3, also folgendermaßen:

NavbarItem(isSelected: currentIndex == 0, icon: Icons.home_rounded, label: 'Home', onTap: onTabTapped)
Du könntest z.B. einen Parameter `isSelected` übergeben der gesetzt wird wenn `currentIndex == 0 // 1, 2, 3`, also folgendermaßen: ```dart NavbarItem(isSelected: currentIndex == 0, icon: Icons.home_rounded, label: 'Home', onTap: onTabTapped) ```
Author
Owner

wäre das fine mit dir?

NavbarItem(index: 1, isSelected: currentIndex == 1, icon: Icons.gamepad_rounded, label: 'Games', onTabTapped: onTabTapped )
wäre das fine mit dir? ```dart NavbarItem(index: 1, isSelected: currentIndex == 1, icon: Icons.gamepad_rounded, label: 'Games', onTabTapped: onTabTapped ) ```
flixcoo marked this conversation as resolved
gelbeinhalb added 1 commit 2025-11-09 19:49:31 +00:00
gelbeinhalb added 1 commit 2025-11-09 19:59:40 +00:00
gelbeinhalb merged commit f1974cf71a into development 2025-11-09 19:59:56 +00:00
Sign in to join this conversation.
No Reviewers
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: liquid-development/game-tracker#9