Skip to content

Tab Bar 关闭瞬间动画视觉异常 #245

@blueberrycongee

Description

@blueberrycongee

背景

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.Itemlayout="position" 和 transition

期望

关闭标签时,Tab Bar 的收缩、淡出和相邻标签重排应当在视觉上连贯,没有明显跳动、突兀断层或边缘错位。

备注

先记录问题,不在这里给出实现结论或修复方案。后续需要通过实际复现和视觉检查再决定修改方向。

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions