fix(flutter): 精修首页 feed 交互与底色

lib/pages/player/widgets/player_overlay.dart

@@ -1,12 +1,12 @@
 // Author: fruit.com.cn
 
 import 'package:flutter/material.dart';
-import '../../../core/formatting/count_format.dart';
 import '../../../core/formatting/localized_content.dart';
 import '../../../core/theme/app_colors.dart';
 import '../../../core/theme/app_dimens.dart';
 import '../../../l10n/app_localizations.dart';
 import 'player_center_toggle.dart';
+import 'interaction_rail.dart';
 import 'player_overlay_models.dart';
 import 'seek_progress_bar.dart';
 
@@ -14,8 +14,6 @@ part 'player_overlay_parts.dart';
 
 const double _topButtonSize = 36;
 const double _topBarHeight = 58;
-const double _railButtonSize = 34;
-const double _railGap = 18;
 const double _boostHintIconSize = 16;
 const double _boostHintFontSize = 13;
 const List<Shadow> _playerTextShadows = [
@@ -144,17 +142,46 @@ class PlayerPlaybackOverlay extends StatelessWidget {
     return Positioned(
       right: AppDimens.spaceMd,
       top: MediaQuery.sizeOf(context).height * (compact ? 0.42 : 0.55),
-      child: _Rail(
-        l10n: data.l10n,
-        liked: data.liked,
-        saved: data.saved,
-        likeCount: data.likeCount,
-        favoriteCount: data.favoriteCount,
-        commentCount: data.commentCount,
-        onLike: actions.onLike,
-        onComments: actions.onComments,
-        onSave: actions.onSave,
-        onShare: actions.onShare,
+      child: InteractionRail(
+        key: const Key('player-interaction-rail'),
+        items: [
+          InteractionRailItem(
+            key: const Key('player-rail-save'),
+            icon: Icons.star_border_rounded,
+            activeIcon: Icons.star_rounded,
+            label: data.l10n.favorite,
+            count: data.favoriteCount,
+            countKey: const Key('player-rail-save-count'),
+            selected: data.saved,
+            onTap: actions.onSave,
+          ),
+          InteractionRailItem(
+            key: const Key('player-rail-comments'),
+            icon: Icons.chat_bubble_outline_rounded,
+            activeIcon: Icons.chat_bubble_rounded,
+            label: data.l10n.comments,
+            count: data.commentCount,
+            countKey: const Key('player-rail-comments-count'),
+            onTap: actions.onComments,
+          ),
+          InteractionRailItem(
+            key: const Key('player-rail-like'),
+            icon: Icons.favorite_border_rounded,
+            activeIcon: Icons.favorite_rounded,
+            label: data.l10n.like,
+            count: data.likeCount,
+            countKey: const Key('player-rail-like-count'),
+            selected: data.liked,
+            onTap: actions.onLike,
+          ),
+          InteractionRailItem(
+            key: const Key('player-rail-share'),
+            icon: Icons.ios_share_rounded,
+            activeIcon: Icons.ios_share_rounded,
+            label: data.l10n.share,
+            onTap: actions.onShare,
+          ),
+        ],
       ),
     );
   }