如何修复Flutter框架中Lottie动画出现的卡顿、闪烁等渲染异常

根因说明 #

该问题为Lottie for Flutter v1.x版本的已知兼容性缺陷：此版本对包含蒙版、合并路径、非线性插值关键帧的Lottie文件的渲染逻辑存在偏差，会导致固定位置出现帧重叠、闪烁，与实现方式、设备性能无关。

修复方案按优先级排序 #

• 升级依赖版本
  将pubspec.yaml中的lottie: ^1.2.1替换为lottie: ^2.3.0（或更高稳定版），2.0+版本重构了图层渲染链路，已修复绝大多数此类兼容问题，无需修改业务代码即可生效。
• 预处理动画文件
  若受项目约束无法升级依赖，可导出动画时做如下调整：
  • 关闭图层合并、路径压缩选项
  • 所有关键帧插值模式统一改为线性模式
  • 移除JSON内的空图层、隐藏图层
• 临时规避方案
  若无法修改动画文件也无法升级依赖，可在Lottie组件中开启光栅化缓存降低闪烁概率：

Lottie.network(
  '动画资源地址',
  renderCache: RenderCache.raster,
)

内容的提问来源于stack exchange，提问作者under