first commit

2024-08-03 12:54:13 +08:00
commit 053ab5a6ac
40 changed files with 2936 additions and 0 deletions
--- a/lib/ui/views/the_index/the_index_view.dart
+++ b/lib/ui/views/the_index/the_index_view.dart
@ -0,0 +1,96 @@
+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 './the_index_view_model.dart';
+
+class TheIndexView extends StatelessWidget {
+  const TheIndexView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return ViewModelBuilder<TheIndexViewModel>.reactive(
+      viewModelBuilder: () => TheIndexViewModel(),
+      onViewModelReady: (TheIndexViewModel model) async {
+        await model.init();
+      },
+      builder: (
+        BuildContext context,
+        TheIndexViewModel model,
+        Widget? child,
+      ) {
+        return WillPopScope(
+          onWillPop: () async {
+            return false;
+          },
+          child: Scaffold(
+            appBar: AppBar(
+              title: Text(
+                model.header,
+                style: const TextStyle(
+                  color: Colors.white,
+                  fontSize: 20,
+                ),
+              ),
+              backgroundColor: mainColor,
+              elevation: 0,
+              automaticallyImplyLeading: false,
+              actions: [
+                IconButton(
+                  onPressed: () {
+                    // model.logout();
+                  },
+                  icon: const Icon(Icons.logout, color: Colors.white),
+                ),
+              ],
+            ),
+            body: ExtendedNavigator(
+              navigatorKey: StackedService.nestedNavigationKey(3),
+              router: TheIndexViewRouter(),
+              initialRoute: TheIndexViewRoutes.statusLampuView,
+            ),
+            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),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}