交互与体验
生产 Flutter 翻新:一屏一回合,Pay Now 必须越过系统栏
跨端视觉翻新应「一屏一 diff+真机验收」,支付主按钮必须越过系统栏;Sheet 的 inset 放内侧,别整张上垫透底。

2026-10-27 工程复盘:Claude Design 定稿、Cursor 按屏改 Flutter,每屏真机验收。设计框不含系统栏——SafeArea 不够用自写 inset;Sheet 把 inset 放进列表/按钮内侧。SVG 按实际像素导出并删未引用资源;支付/登录单独验收;OTP 用 lookbehind 防误填。
原文:A design frame does not include the Android three-button bar or the iOS home indicator… SafeArea was not enough… The inset belongs inside the list, or under the button… Bundled images went from 11.57 MB to 9.65 MB。
为什么值得看
移动端改版落地清单:底栏避让、支付页验收、Sheet 透底坑、资产瘦身与「一屏一 diff」——可直接当检查表。
可以试试
真机打开支付页:主按钮是否被三键栏/Home Indicator 挡住;Sheet 底部是否透出下层。