基本信息

来源摘要/节选

公开展示已截断至最多 800 个字符；请访问原始来源查看完整上下文。

2026-05-15  |  Flutter · 大前端跨端技术 三天内连撞两个白屏 bug，表象一模一样——进入页面整片纯白，没有红屏，没有报错， build() 正常跑了，数据也拿到了，调试工具能探测到完整的 widget tree，但屏幕上 就是没有像素 。 更让人抓狂的是：第一次排查了大半天才定位；两天后第二次出现，以为是同一个坑，结果根因完全不同，又走了一大圈弯路。 这篇文章把两个 bug 的根因、定位过程、以及"为什么 AI 协作时反复栽倒在这类问题上"一次讲清楚。 案例一：批量导入页白屏——Silent Layout Failure 现象 页面叫「批量导入内容」，打开后 AppBar 在、底部按钮也在，但整个 Scaffold.body 一片纯白。打开自研的「调试小球」（全局 layout overlay 工具）戳白色区域——widget tree 完整存在 ，坐标和尺寸都算出来了，但没有任何像素被画上去。 这是一个典型的 silent layout failure ：Flutter 的三个 pass（build → layout → paint）在 layout 阶段出了问题，但 没有抛任何异常 。 排查路径 第一轮：怀疑数据态 — 打日志发现 build() 正常执行、Provider 数据正常。排除。 第二轮：怀疑 Scaffold — AppBar 和 BottomNav 都在，说明 Scaffold 自己没问题。排除外层。 第三轮：色块隔离法（命中） — 这是这次复盘最值钱的方法论。…

来源说明

当前只保存了公开页面节选，不代表原文全文。请以原始来源为准。

本页只呈现已做哈希绑定的来源证据，不包含基于旧正文或缺失原文的扩展推断。