Flutter TabBar 的两个丝滑细节:点击翻页不经过中间页、选中 tab 始终居中
拆解 TabBarView 的 warp 机制与可滚动 TabBar 的居中跟随:点选相隔多页的 tab 时动画为何只有一页宽、中间页为何不构建;选中 tab 如何逐帧趋向视口中央。并给出在普通 PageView 上等价复刻两种行为的伪代码。
Category
共 5 篇文章。
拆解 TabBarView 的 warp 机制与可滚动 TabBar 的居中跟随:点选相隔多页的 tab 时动画为何只有一页宽、中间页为何不构建;选中 tab 如何逐帧趋向视口中央。并给出在普通 PageView 上等价复刻两种行为的伪代码。
Flutter 没有原生意义上的页面生命周期回调:initState/dispose 只是存在性回调。本文拆解应用、路由、容器三层可见性监听的机制、伪代码与踩坑
横向列表嵌在 TabBarView 里,滑到边界后继续拖拽要像原生一样跟手翻页。对比两种思路:绕过手势竞技场的 Drag 移交方案,和在命中测试层做手脚的 HitTestBlocker 方案。
全面梳理 flutter create 命令的语法、常用参数与典型场景示例,涵盖项目创建、平台指定、模板选择与已有项目修复。
手把手讲解 Flutter 项目中修改包名、应用名称、应用图标与启动页的方法,分别覆盖 Android 与 iOS 两端的文件改动与注意事项。