feat(flutter): 优化登录页与底部导航

lib/pages/home/home_view.dart

@@ -118,7 +118,7 @@ class _HomeTabsState extends State<_HomeTabs> {
       },
       child: Scaffold(
         key: logic.scaffoldKey,
-        backgroundColor: const Color(0xFF0B0C10),
+        backgroundColor: AppColors.ink,
         drawer: HomeQuickDrawer(
           drama: logic.currentDrama,
           onOpenSeries: () => logic.openCurrentSeries(context),
@@ -183,12 +183,17 @@ class _HomeTabsState extends State<_HomeTabs> {
             ? null
             : SafeArea(
                 top: false,
+                minimum: const EdgeInsets.only(bottom: 2),
                 child: Container(
                   key: const Key('home-tabs-bar'),
-                  height: 63,
-                  decoration: const BoxDecoration(
-                    color: Color(0xFF0D0D11),
-                    border: Border(top: BorderSide(color: Color(0xFF242329))),
+                  height: 64,
+                  decoration: BoxDecoration(
+                    color: AppColors.bar,
+                    border: Border(
+                      top: BorderSide(
+                        color: Theme.of(context).colorScheme.outlineVariant,
+                      ),
+                    ),
                   ),
                   child: Row(
                     children: [
@@ -250,37 +255,48 @@ class _TabButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) => Expanded(
-    child: InkWell(
-      onTap: onTap,
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          Container(
-            padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 3),
-            decoration: selected
-                ? BoxDecoration(
-                    color: AppColors.bluePressed,
-                    borderRadius: BorderRadius.circular(14),
-                  )
-                : null,
-            child: Icon(
-              selected ? selectedIcon : icon,
-              size: 20,
-              color: selected ? Colors.white : AppColors.muted,
-            ),
+    child: Semantics(
+      button: true,
+      selected: selected,
+      label: label,
+      child: InkWell(
+        onTap: onTap,
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(minHeight: 48),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              AnimatedContainer(
+                duration: const Duration(milliseconds: 160),
+                curve: Curves.easeOut,
+                padding: const EdgeInsets.symmetric(
+                  horizontal: 14,
+                  vertical: 3,
+                ),
+                decoration: BoxDecoration(
+                  color: selected ? AppColors.bluePressed : null,
+                  borderRadius: BorderRadius.circular(14),
+                ),
+                child: Icon(
+                  selected ? selectedIcon : icon,
+                  size: 22,
+                  color: selected ? AppColors.onPrimary : AppColors.muted,
+                ),
+              ),
+              const SizedBox(height: 2),
+              Text(
+                label,
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: TextStyle(
+                  fontSize: 10,
+                  fontWeight: selected ? FontWeight.w700 : FontWeight.w500,
+                  color: selected ? AppColors.blueSoft : AppColors.muted,
+                ),
+              ),
+            ],
           ),
-          const SizedBox(height: 2),
-          Text(
-            label,
-            maxLines: 1,
-            overflow: TextOverflow.ellipsis,
-            style: TextStyle(
-              fontSize: 10,
-              fontWeight: selected ? FontWeight.w700 : FontWeight.w500,
-              color: selected ? AppColors.blueSoft : AppColors.muted,
-            ),
-          ),
-        ],
+        ),
       ),
     ),
   );