Flutter TabBar 的两个丝滑细节:点击翻页不经过中间页、选中 tab 始终居中
拆解 TabBarView 的 warp 机制与可滚动 TabBar 的居中跟随:点选相隔多页的 tab 时动画为何只有一页宽、中间页为何不构建;选中 tab 如何逐帧趋向视口中央。并给出在普通 PageView 上等价复刻两种行为的伪代码。
Tag
共 2 篇文章。
拆解 TabBarView 的 warp 机制与可滚动 TabBar 的居中跟随:点选相隔多页的 tab 时动画为何只有一页宽、中间页为何不构建;选中 tab 如何逐帧趋向视口中央。并给出在普通 PageView 上等价复刻两种行为的伪代码。
横向列表嵌在 TabBarView 里,滑到边界后继续拖拽要像原生一样跟手翻页。对比两种思路:绕过手势竞技场的 Drag 移交方案,和在命中测试层做手脚的 HitTestBlocker 方案。