增加若干基础页面

2023-12-22 23:27:14 +08:00
parent a8f9b5265e
commit a16d808d2d
32 changed files with 801 additions and 51 deletions
--- a/lib/pages/tab/tab_view.dart
+++ b/lib/pages/tab/tab_view.dart
@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+import 'package:tdesign_flutter/tdesign_flutter.dart';
+import '../../utils/utils.dart';
+import '../layout/home/index.dart';
+import '../layout/user/index.dart';
+import 'tab_logic.dart';
+
+class TabPage extends StatelessWidget {
+  const TabPage({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final logic = Get.find<TabLogic>();
+    final state = Get.find<TabLogic>().state;
+
+    /// 内容页
+    Widget buildPageView() {
+      return GetBuilder<TabLogic>(builder: (_) {
+        return PageView(
+          physics: const NeverScrollableScrollPhysics(),
+          controller: state.pageController,
+          onPageChanged: logic.handlePageChanged,
+          children: const <Widget>[
+            HomePage(),
+            UserPage(),
+          ],
+        );
+      });
+    }
+
+    List<BottomNavigationBarItem> createBottomItems() {
+      return <BottomNavigationBarItem>[
+        const BottomNavigationBarItem(
+          icon: Icon(
+            TDIcons.dashboard,
+            color: Colors.grey,
+          ),
+          activeIcon: Icon(
+            TDIcons.dashboard,
+            color: Color.fromRGBO(0, 82, 217, 1),
+          ),
+          label: "工作台",
+        ),
+        const BottomNavigationBarItem(
+          icon: Icon(
+            TDIcons.desktop,
+            color: Colors.grey,
+          ),
+          activeIcon: Icon(
+            TDIcons.desktop,
+            color: Color.fromRGBO(0, 82, 217, 1),
+          ),
+          label: "商家中心",
+        ),
+      ];
+    }
+
+    /// 底部导航
+    Widget buildBottomNavigationBar() {
+      List<BottomNavigationBarItem> bottomItems = createBottomItems();
+      return GetBuilder<TabLogic>(builder: (_) {
+        return BottomNavigationBar(
+          items: bottomItems,
+          currentIndex: state.currentPage,
+          backgroundColor: Colors.white,
+          unselectedItemColor: Colors.grey,
+          selectedItemColor: const Color.fromRGBO(0, 82, 217, 1),
+          type: BottomNavigationBarType.fixed,
+          onTap: logic.handleNavBarTap,
+          selectedFontSize: 10.sp,
+          unselectedFontSize: 10.sp,
+          iconSize: 32.w,
+        );
+      });
+    }
+
+    return PopScope(
+        canPop: false,
+        onPopInvoked: (_) {
+          ToolFn().isExit();
+        },
+        child: Scaffold(
+          body: buildPageView(),
+          bottomNavigationBar: buildBottomNavigationBar(),
+        ));
+  }
+}