update gitignore

lib/ui/views/nav_bar/nav_bar_view.dart

@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+import 'package:stylish_bottom_bar/stylish_bottom_bar.dart';
+
+import '../../../app/app.router.dart';
+import '../../../app/themes/app_colors.dart';
+import '../../../app/themes/app_text.dart';
+import './nav_bar_view_model.dart';
+
+class NavBarView extends StatelessWidget {
+  const NavBarView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<NavBarViewModel>.reactive(
+      viewModelBuilder: () => NavBarViewModel(),
+      onViewModelReady: (NavBarViewModel model) async {
+        await model.init();
+      },
+      builder: (
+        BuildContext context,
+        NavBarViewModel model,
+        Widget? child,
+      ) {
+        return WillPopScope(
+          onWillPop: () async {
+            return false;
+          },
+          child: Scaffold(
+            body: ExtendedNavigator(
+              navigatorKey: StackedService.nestedNavigationKey(3),
+              router: NavBarViewRouter(),
+              initialRoute: NavBarViewRoutes.monitoringView,
+            ),
+            bottomNavigationBar: StylishBottomBar(
+              items: [
+                for (var item in model.bottomNavBarList)
+                  BottomBarItem(
+                    icon: Icon(item['icon'],
+                        color: model.currentIndex ==
+                                model.bottomNavBarList.indexOf(item)
+                            ? sixthGrey
+                            : backgroundColor),
+                    title: Text(
+                      item['name'],
+                      style: regularTextStyle.copyWith(
+                        color: model.currentIndex ==
+                                model.bottomNavBarList.indexOf(item)
+                            ? sixthGrey
+                            : mainGrey,
+                      ),
+                    ),
+                    backgroundColor: model.currentIndex ==
+                            model.bottomNavBarList.indexOf(item)
+                        ? fontColor
+                        : mainGrey,
+                  ),
+              ],
+              currentIndex: model.currentIndex,
+              hasNotch: true,
+              backgroundColor: mainColor,
+              onTap: (value) {
+                model.handleNavigation(value);
+              },
+              option: BubbleBarOptions(
+                  barStyle: BubbleBarStyle.horizontal,
+                  bubbleFillStyle: BubbleFillStyle.fill,
+                  opacity: 0.3),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}

lib/ui/views/nav_bar/nav_bar_view_model.dart

@@ -0,0 +1,46 @@
+import 'package:electric_app/app/app.router.dart';
+import 'package:flutter/material.dart';
+import 'package:stacked/stacked.dart';
+import 'package:stacked_services/stacked_services.dart';
+
+import '../../../app/app.locator.dart';
+import '../../../app/app.logger.dart';
+
+class NavBarViewModel extends IndexTrackingViewModel {
+  final log = getLogger('NavBarViewModel');
+  final _navigationService = locator<NavigationService>();
+
+  final _bottomNavBarList = [
+    {
+      'name': 'Real Time',
+      'icon': Icons.home_outlined,
+    },
+    {
+      'name': 'Log Data',
+      'icon': Icons.list_alt_outlined,
+    },
+  ];
+
+  List<Map<String, dynamic>> get bottomNavBarList => _bottomNavBarList;
+
+  final List<String> _views = [
+    NavBarViewRoutes.monitoringView,
+    NavBarViewRoutes.logDataView,
+  ];
+
+  Future<void> init() async {}
+
+  void handleNavigation(int index) {
+    log.d("handleNavigation: $index");
+    log.d("currentIndex: $currentIndex");
+
+    if (currentIndex == index) return;
+
+    setIndex(index);
+    // header = _bottomNavBarList[index]['header'] as String;
+    _navigationService.navigateTo(
+      _views[index],
+      id: 3,
+    );
+  }
+}