feat: 底栏样式 issues #189

lib/pages/main/view.dart

@@ -29,6 +29,8 @@ class _MainAppState extends State<MainApp> with SingleTickerProviderStateMixin {
   late Animation<double>? _slideAnimation;
   int selectedIndex = 0;
   int? _lastSelectTime; //上次点击时间
+  Box setting = GStrorage.setting;
+  late bool enableMYBar;
 
   @override
   void initState() {
@@ -45,6 +47,7 @@ class _MainAppState extends State<MainApp> with SingleTickerProviderStateMixin {
         Tween(begin: 0.8, end: 1.0).animate(_animationController!);
     _lastSelectTime = DateTime.now().millisecondsSinceEpoch;
     _pageController = PageController(initialPage: selectedIndex);
+    enableMYBar = setting.get(SettingBoxKey.enableMYBar, defaultValue: true);
   }
 
   void setIndex(int value) async {
@@ -144,21 +147,38 @@ class _MainAppState extends State<MainApp> with SingleTickerProviderStateMixin {
           builder: (context, AsyncSnapshot snapshot) {
             return AnimatedSlide(
               curve: Curves.easeInOutCubicEmphasized,
-              duration: const Duration(milliseconds: 1000),
+              duration: const Duration(milliseconds: 500),
               offset: Offset(0, snapshot.data ? 0 : 1),
-              child: NavigationBar(
-                onDestinationSelected: (value) => setIndex(value),
-                selectedIndex: selectedIndex,
-                destinations: <Widget>[
-                  ..._mainController.navigationBars.map((e) {
-                    return NavigationDestination(
-                      icon: e['icon'],
-                      selectedIcon: e['selectIcon'],
-                      label: e['label'],
-                    );
-                  }).toList(),
-                ],
-              ),
+              child: enableMYBar
+                  ? NavigationBar(
+                      onDestinationSelected: (value) => setIndex(value),
+                      selectedIndex: selectedIndex,
+                      destinations: <Widget>[
+                        ..._mainController.navigationBars.map((e) {
+                          return NavigationDestination(
+                            icon: e['icon'],
+                            selectedIcon: e['selectIcon'],
+                            label: e['label'],
+                          );
+                        }).toList(),
+                      ],
+                    )
+                  : BottomNavigationBar(
+                      currentIndex: selectedIndex,
+                      onTap: (value) => setIndex(value),
+                      iconSize: 16,
+                      selectedFontSize: 12,
+                      unselectedFontSize: 12,
+                      items: [
+                        ..._mainController.navigationBars.map((e) {
+                          return BottomNavigationBarItem(
+                            icon: e['icon'],
+                            activeIcon: e['selectIcon'],
+                            label: e['label'],
+                          );
+                        }).toList(),
+                      ],
+                    ),
             );
           },
         ),

lib/pages/setting/style_setting.dart

@@ -1,7 +1,6 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
-import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import 'package:hive/hive.dart';
 import 'package:pilipala/models/common/theme_type.dart';
@@ -78,6 +77,12 @@ class _StyleSettingState extends State<StyleSetting> {
             setKey: SettingBoxKey.iosTransition,
             defaultVal: false,
           ),
+          const SetSwitchItem(
+            title: 'MD3样式底栏',
+            subTitle: '符合Material You设计规范的底栏',
+            setKey: SettingBoxKey.enableMYBar,
+            defaultVal: true,
+          ),
           // SetSwitchItem(
           //   title: '首页单列',
           //   subTitle: '每行展示一个内容卡片',

lib/utils/storage.dart

@@ -135,6 +135,7 @@ class SettingBoxKey {
   static const String enableSingleRow = 'enableSingleRow'; // 首页单列
   static const String displayMode = 'displayMode';
   static const String customRows = 'customRows'; // 自定义列
+  static const String enableMYBar = 'enableMYBar';
 }
 
 class LocalCacheKey {