# INBOX ## [已处理] K82-A 右侧互动栏图标按参考图替换并放大 ### 需求 首页 feed / 全屏播放页右侧的「收藏 / 评论 / 喜欢 / 分享」与参考图不一致: 当前是深色圆形底 + 24px 线性图标;参考图为**无底色的大号白色图标**(星形实心、气泡描边、心形实心、弯向右的分享箭头), 下方的计数/文字也略大。 ### 改动 1. `lib/pages/player/widgets/interaction_rail.dart` - 删除深色圆底:`_buttonBackground` 与 `IconButton.styleFrom(backgroundColor: …)` 一并移除,按钮背景透明 - 图标尺寸 `_iconSize`:`24` → `30` - 点击区域 `_buttonSize`:`34` → `44`(保证可点,视觉上不出现底色) - 项间距 `_itemGap`:`18` → `22` - 计数/标签字号:`11` → `12`,仍为白色 + 黑色阴影 - `InteractionRailItem` 新增 `mirrorIcon`(默认 `false`): 为 `true` 时用 `Transform.flip(flipX: true, …)` 包裹图标,用于把左弯分享箭头镜像成右弯 2. 图标替换(两处:`home_feed_overlay.dart` 与 `player_overlay.dart`) - 收藏:`Icons.star_border_rounded` / `Icons.star_rounded` → 统一实心 `Icons.star_rounded`(选中态靠主题色区分) - 评论:保持 `Icons.chat_bubble_outline_rounded` / `Icons.chat_bubble_rounded` - 喜欢:`Icons.favorite_border_rounded` / `Icons.favorite_rounded` → 统一实心 `Icons.favorite_rounded` - 分享:`Icons.ios_share_rounded` → `Icons.reply_rounded` 且 `mirrorIcon: true`(右弯箭头,接近参考图) 3. 选中态颜色维持现状:未选中白色、选中 `AppColors.blue` ### 测试 - 现有按 Key 的点击/计数用例必须继续通过(Key 不变) - 若有用例断言 `Icons.ios_share_rounded`、`star_border_rounded`、`favorite_border_rounded`, 同步改为新图标;新增一条断言:分享项图标为 `Icons.reply_rounded` ### 验收 - 门禁:`dart analyze lib test` 零告警、`flutter test` 全过、`flutter build apk --debug` 成功。 - 真机自查:右侧无深色圆底,四个白色图标明显变大,分享为弯向右的箭头;计数在图标下方居中。 ### Git - 从 `develop` 拉 `feat/rail-icons-refresh`。 - 提交:`feat(player): 右侧互动栏图标按参考图替换并放大`,作者 `Zhou Weidong <502333560@qq.com>`。 - `--no-ff` 合回 `develop` 并 push;`FruitServer/docs/plans/PROGRESS.md` 追加 K82-A 留痕。 ### 约束 - 全程中文;禁止 `git add -A`;不改互动逻辑与 Key;完成后停住等待验收。