背景
Tab Bar 在关闭标签的瞬间,视觉动画看起来有些不自然。这个问题目前只记录用户观察到的视觉问题,还没有深入判断具体实现原因。
现象
- 在 Tab Bar 中关闭一个标签时,关闭开始到标签移除的瞬间动画观感不够顺。
- 重点关注关闭动作触发后的宽度变化、透明度变化、相邻标签位移,以及新建标签按钮/标签边缘的视觉衔接。
初步代码入口
仅作为后续排查入口,不代表已经确认根因:
src/components/layout/TabBar.tsx
CLOSE_ANIMATION_MS
closingIds / animateClose
- 关闭态 class 中的
basis-0 min-w-0 max-w-0 ... opacity-0
Reorder.Item 的 layout="position" 和 transition
期望
关闭标签时,Tab Bar 的收缩、淡出和相邻标签重排应当在视觉上连贯,没有明显跳动、突兀断层或边缘错位。
备注
先记录问题,不在这里给出实现结论或修复方案。后续需要通过实际复现和视觉检查再决定修改方向。
背景
Tab Bar 在关闭标签的瞬间,视觉动画看起来有些不自然。这个问题目前只记录用户观察到的视觉问题,还没有深入判断具体实现原因。
现象
初步代码入口
仅作为后续排查入口,不代表已经确认根因:
src/components/layout/TabBar.tsxCLOSE_ANIMATION_MSclosingIds/animateClosebasis-0 min-w-0 max-w-0 ... opacity-0Reorder.Item的layout="position"和 transition期望
关闭标签时,Tab Bar 的收缩、淡出和相邻标签重排应当在视觉上连贯,没有明显跳动、突兀断层或边缘错位。
备注
先记录问题,不在这里给出实现结论或修复方案。后续需要通过实际复现和视觉检查再决定修改方向。