Flutter 视觉工程

沿着 Widget、Element、RenderObject、Layer、Scene 与 Impeller 逐层追踪一帧，建立定位 Flutter 构建、布局、绘制和栅格问题的责任地图。

拆开 Flutter 显式动画的时钟、进度、映射与渲染职责，处理生命周期、中断、可访问性和多属性编排，而不是堆叠控制器。

用 CustomPainter 管理几何与重绘边界，用 FragmentProgram 和 FragmentShader 生成像素颜色，并为交互、性能、语义和后端差异设计降级。

从 Viewport 的约束与几何协议出发，把标题、章节、列表、网格和留白编排进同一滚动叙事，同时保留懒加载、语义与滚动位置。

以可用空间、输入能力、内容密度和平台政策驱动 Flutter 布局，组织断点、导航、分栏、折叠屏和多窗口，而不是用设备名称猜界面。

用数据、运行阶段、请求身份和可恢复错误建模 Flutter 异步界面，处理 FutureBuilder、刷新保留、竞态、重试、一次性副作用与全局错误边界。

从可复现动作、profile 真机录制、UI/Raster 慢帧分类，到 CPU、布局、绘制、内存与单变量回归，建立可审计的 Flutter 性能定位流程。

为 Flutter 动效设计减少动态效果分支，并用 Widget、Semantics、无障碍规则、Golden 与 VoiceOver/TalkBack 分层验证交互和视觉。