first commit

2025-07-13 06:59:30 +08:00
commit 86d84de7e3
165 changed files with 7941 additions and 0 deletions
--- a/lib/ui/views/nav_bar/nav_bar_view.dart
+++ b/lib/ui/views/nav_bar/nav_bar_view.dart
@ -0,0 +1,81 @@
+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 PopScope(
+          canPop: false,
+          child: Scaffold(
+            appBar: AppBar(
+              backgroundColor: mainColor,
+              title: Text(
+                model.bottomNavBarList[model.currentIndex]['name'],
+                style: boldTextStyle.copyWith(color: fifthGrey),
+              ),
+            ),
+            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)
+                            ? fifthGrey
+                            : backgroundColor),
+                    title: Text(
+                      item['name'],
+                      style: regularTextStyle.copyWith(
+                        color: model.currentIndex ==
+                                model.bottomNavBarList.indexOf(item)
+                            ? fifthGrey
+                            : 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),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}