a bit cleaner solution

lib/presentation/views/main_menu/custom_navigation_bar.dart

@@ -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(
-                  NavbarItem(currentIndex: currentIndex, index: 1, icon: Icons.gamepad_rounded, label: 'Games', onTabTapped: onTabTapped),
+                    index: 0,
-                  NavbarItem(currentIndex: currentIndex, index: 2, icon: Icons.group_rounded, label: 'Groups', onTabTapped: onTabTapped),
+                    isSelected: currentIndex == 0,
-                  NavbarItem(currentIndex: currentIndex, index: 3, icon: Icons.bar_chart_rounded, label: 'Stats', onTabTapped: onTabTapped),
+                    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,
+                  ),
                 ],
               ),
             ),

lib/presentation/widgets/navbar_item.dart

@@ -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(
+  const NavbarItem({
-        {super.key, required this.currentIndex, required this.index,
+    super.key,
-          required this.icon, required this.label, required this.onTabTapped
+    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,
                 ),
               ),
             ],