Flutter极简列表项目偶发卡顿掉帧、光栅化耗时过高问题咨询

同类问题反馈 #

这个是Flutter 2.5~2.8版本搭配iOS 15+物理设备的共性已知问题，大量开发者当时都反馈过完全一致的现象：极简列表滚动时偶发连续raster耗时过高被标记为Jank，和上层业务逻辑无关，属于引擎侧Skia渲染后端的缓存策略缺陷。

根因定位方向 #

1. 优先验证引擎已知Bug #

你使用的Flutter 2.5.3是2021年发布的旧稳定版，该版本在iOS端的光栅化缓存逻辑存在漏洞，滚动时视图纹理的创建、销毁没有命中缓存池，频繁触发GPU渲染重计算，才会出现无理由的连续掉帧。
验证方式非常简单：将Flutter稳定版升级到3.0.5及以上版本，运行同一份复现代码，该卡顿问题基本会完全消失。

2. 暂不升级Flutter的临时排查方案 #

如果当前项目受版本限制无法升级，可以通过以下操作缩小问题范围：

• 给ListView.separated添加addRepaintBoundaries: false参数，纯色Item场景不需要额外的重绘边界，默认开启的配置反而会生成多余的离屏渲染层，增加光栅化压力
• 替换组件实现：将带color属性的Container替换为直接使用ColoredBox，减少组合控件带来的非必要Widget树节点，排除上层渲染树冗余的干扰
• 添加启动参数--enable-software-rendering运行测试，如果软件渲染模式下没有出现卡顿，即可100%确认是Skia GPU后端的适配问题

3. 排除系统侧适配问题 #

iPhone 12 Pro如果运行的是iOS 15.0~15.2版本，系统本身存在偶发GPU调度异常的Bug，可以将测试设备升级到iOS 15.4及以上版本再复测，也有部分场景的卡顿是系统版本和旧Flutter引擎的适配冲突导致。

补充说明 #

你提供的复现代码完全符合性能规范，ListView也正确实现了Cell复用，flutter doctor检查无异常也排除了开发环境配置问题，该问题确实和上层业务实现无关。

内容的提问来源于stack exchange，提问作者Kevin van den Hoek