a bit cleaner solution

This commit is contained in:
Yannick
2025-11-09 20:49:14 +01:00
parent 92817bc4db
commit 1b090a43a0
2 changed files with 42 additions and 17 deletions

View File

@@ -67,10 +67,34 @@ class _CustomNavigationBarState extends State<CustomNavigationBar>
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
NavbarItem(currentIndex: currentIndex, index: 0, icon: Icons.home_rounded, label: 'Home', onTabTapped: onTabTapped),
NavbarItem(currentIndex: currentIndex, index: 1, icon: Icons.gamepad_rounded, label: 'Games', onTabTapped: onTabTapped),
NavbarItem(currentIndex: currentIndex, index: 2, icon: Icons.group_rounded, label: 'Groups', onTabTapped: onTabTapped),
NavbarItem(currentIndex: currentIndex, index: 3, icon: Icons.bar_chart_rounded, label: 'Stats', onTabTapped: onTabTapped),
NavbarItem(
index: 0,
isSelected: currentIndex == 0,
icon: Icons.home_rounded,
label: 'Home',
onTabTapped: onTabTapped,
),
NavbarItem(
index: 1,
isSelected: currentIndex == 1,
icon: Icons.gamepad_rounded,
label: 'Games',
onTabTapped: onTabTapped,
),
NavbarItem(
index: 2,
isSelected: currentIndex == 2,
icon: Icons.group_rounded,
label: 'Groups',
onTabTapped: onTabTapped,
),
NavbarItem(
index: 3,
isSelected: currentIndex == 3,
icon: Icons.bar_chart_rounded,
label: 'Stats',
onTabTapped: onTabTapped,
),
],
),
),

View File

@@ -1,18 +1,20 @@
import 'package:flutter/material.dart';
class NavbarItem extends StatefulWidget {
final int currentIndex;
final int index;
final bool isSelected;
final IconData icon;
final String label;
final Function(int) onTabTapped;
const NavbarItem(
{super.key, required this.currentIndex, required this.index,
required this.icon, required this.label, required this.onTabTapped
}
);
const NavbarItem({
super.key,
required this.index,
required this.isSelected,
required this.icon,
required this.label,
required this.onTabTapped,
});
@override
State<NavbarItem> createState() => _NavbarItemState();
@@ -21,9 +23,6 @@ class NavbarItem extends StatefulWidget {
class _NavbarItemState extends State<NavbarItem> {
@override
Widget build(BuildContext context) {
bool isSelected = widget.currentIndex == widget.index;
return Expanded(
child: GestureDetector(
onTap: () => widget.onTabTapped(widget.index),
@@ -36,15 +35,17 @@ class _NavbarItemState extends State<NavbarItem> {
children: [
Icon(
widget.icon,
color: isSelected ? Colors.white : Colors.black,
color: widget.isSelected ? Colors.white : Colors.black,
),
const SizedBox(height: 4),
Text(
widget.label,
style: TextStyle(
color: isSelected ? Colors.white : Colors.black,
color: widget.isSelected ? Colors.white : Colors.black,
fontSize: 12,
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
fontWeight: widget.isSelected
? FontWeight.bold
: FontWeight.normal,
),
),
],