feat(home): 顶部导航随翻页联动并把推荐更名为精选

lib/pages/recommend/widgets/recommend_channel_nav.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 
 import '../../../core/data/models/content_category.dart';
 import '../../../core/theme/app_colors.dart';
+import '../../../core/widgets/animated_nav_label.dart';
 import '../../../l10n/app_localizations.dart';
 import 'search_gift_glyphs.dart';
 
@@ -16,7 +17,7 @@ const double _giftIconSize = 26;
 const double _underlineWidth = 26;
 const double _underlineHeight = 3;
 
-/// 推荐页（礼花 tab）顶部频道导航：频道全部来自分类接口，右侧搜索/礼物。
+/// 推荐页顶部频道导航：频道全部来自分类接口，右侧搜索/礼物。
 class RecommendChannelNav extends StatefulWidget {
   const RecommendChannelNav({
     super.key,
@@ -49,8 +50,7 @@ class _RecommendChannelNavState extends State<RecommendChannelNav> {
   final GlobalKey _scrollViewKey = GlobalKey();
   final Map<String, GlobalKey> _tabKeys = {};
 
-  GlobalKey _keyFor(String id) =>
-      _tabKeys.putIfAbsent(id, () => GlobalKey());
+  GlobalKey _keyFor(String id) => _tabKeys.putIfAbsent(id, () => GlobalKey());
 
   @override
   void didUpdateWidget(covariant RecommendChannelNav oldWidget) {
@@ -82,9 +82,10 @@ class _RecommendChannelNavState extends State<RecommendChannelNav> {
     final tabLeft = tabBox.localToGlobal(Offset.zero).dx;
     final relative = tabLeft - viewportLeft;
     final position = _scrollController.position;
-    final target =
-        (position.pixels + relative - _revealLeftInset)
-            .clamp(0.0, position.maxScrollExtent);
+    final target = (position.pixels + relative - _revealLeftInset).clamp(
+      0.0,
+      position.maxScrollExtent,
+    );
     if ((target - position.pixels).abs() < 0.5) return;
     _scrollController.animateTo(
       target,
@@ -147,7 +148,10 @@ class _RecommendChannelNavState extends State<RecommendChannelNav> {
               ),
               iconSize: _searchIconSize,
               color: AppColors.textPrimary,
-              icon: SearchGlyph(size: _searchIconSize, color: AppColors.textPrimary),
+              icon: SearchGlyph(
+                size: _searchIconSize,
+                color: AppColors.textPrimary,
+              ),
             ),
           ),
           if (widget.onGift != null)
@@ -188,18 +192,16 @@ class _RecommendChannelNavState extends State<RecommendChannelNav> {
         children: [
           // 补偿文字下方的 4pt 间距 + 3pt 下划线，让文字视觉中心与右侧图标对齐。
           const SizedBox(height: 4 + _underlineHeight),
-          Text(
-            label,
-            maxLines: 1,
-            style: TextStyle(
+          AnimatedNavLabel(
+            label: label,
+            selected: selected,
+            style: const TextStyle(
               color: AppColors.textPrimary,
               fontSize: _tabFont,
-              fontWeight: selected ? FontWeight.w700 : FontWeight.w400,
+              fontWeight: FontWeight.w400,
               letterSpacing: 0,
               height: 1.0,
-              shadows: const [
-                Shadow(color: AppColors.mediaBlack, blurRadius: 6),
-              ],
+              shadows: [Shadow(color: AppColors.mediaBlack, blurRadius: 6)],
             ),
           ),
           const SizedBox(height: 4),