refactor tabbar: Homepage adaptation

1. remove redundant MaterialApp in GetMaterialApp 2. unified background color Signed-off-by: 21pages <pages21@163.com>
2026-04-10 01:21:29 +03:00 · 2022-08-11 16:03:04 +08:00
parent 1440d26376
commit c799fb1857
13 changed files with 307 additions and 206 deletions
--- a/flutter/lib/desktop/pages/desktop_tab_page.dart
+++ b/flutter/lib/desktop/pages/desktop_tab_page.dart
@@ -0,0 +1,88 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_hbb/common.dart';
+import 'package:flutter_hbb/consts.dart';
+import 'package:flutter_hbb/desktop/pages/desktop_home_page.dart';
+import 'package:flutter_hbb/desktop/pages/desktop_setting_page.dart';
+import 'package:flutter_hbb/desktop/widgets/tabbar_widget.dart';
+import 'package:get/get.dart';
+
+class DesktopTabPage extends StatefulWidget {
+  const DesktopTabPage({Key? key}) : super(key: key);
+
+  @override
+  State<DesktopTabPage> createState() => _DesktopTabPageState();
+}
+
+class _DesktopTabPageState extends State<DesktopTabPage>
+    with TickerProviderStateMixin {
+  late Rx<TabController> tabController;
+  late RxList<TabInfo> tabs;
+  static final Rx<int> _selected = 0.obs;
+
+  @override
+  void initState() {
+    super.initState();
+    tabs = RxList.from([
+      TabInfo(label: kTabLabelHomePage, icon: Icons.home_sharp, closable: false)
+    ], growable: true);
+    tabController =
+        TabController(length: tabs.length, vsync: this, initialIndex: 0).obs;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        children: [
+          Obx((() => DesktopTabBar(
+                controller: tabController,
+                tabs: tabs.toList(),
+                onTabClose: onTabClose,
+                selected: _selected,
+                dark: isDarkTheme(),
+                mainTab: true,
+                onMenu: onTabbarMenu,
+              ))),
+          Obx((() => Expanded(
+                child: TabBarView(
+                    controller: tabController.value,
+                    children: tabs.map((tab) {
+                      switch (tab.label) {
+                        case kTabLabelHomePage:
+                          return DesktopHomePage(key: ValueKey(tab.label));
+                        case kTabLabelSettingPage:
+                          return DesktopSettingPage(key: ValueKey(tab.label));
+                        default:
+                          return Container();
+                      }
+                    }).toList()),
+              ))),
+        ],
+      ),
+    );
+  }
+
+  void onTabClose(String label) {
+    tabs.removeWhere((tab) => tab.label == label);
+    tabController.value = TabController(
+        length: tabs.length,
+        vsync: this,
+        initialIndex: max(0, tabs.length - 1));
+  }
+
+  void onTabbarMenu() {
+    int index = tabs.indexWhere((tab) => tab.label == kTabLabelSettingPage);
+    if (index >= 0) {
+      tabController.value.animateTo(index, duration: Duration.zero);
+      _selected.value = index;
+    } else {
+      tabs.add(TabInfo(label: kTabLabelSettingPage, icon: Icons.settings));
+      tabController.value = TabController(
+          length: tabs.length, vsync: this, initialIndex: tabs.length - 1);
+      tabController.value.animateTo(tabs.length - 1, duration: Duration.zero);
+      _selected.value = tabs.length - 1;
+    }
+  }
+}