提升渲染性能
渲染应用中的动画是在衡量性能时最常被提及的话题之一。多亏了 Flutter 的 Skia 引擎及其快速创建和释放 widget 的能力,Flutter 应用默认情况下具有高性能,因此您只需要避免常见的陷阱即可实现卓越的性能。
常规建议
#如果您看到卡顿(不流畅)的动画,请 确保 您正在使用 profile 模式构建的应用进行性能分析。默认的 Flutter 构建会创建 debug 模式的应用,这并不能反映发布版的性能。有关信息,请参阅Flutter 的构建模式。
一些常见的陷阱:
- 每一帧重建的 UI 比预期的多得多。要跟踪 widget 重建,请参阅显示性能数据。
- 直接构建大量的子元素列表,而不是使用 ListView。
有关评估性能的更多信息,包括常见陷阱的信息,请参阅以下文档:
仅限移动端的建议
#您是否在移动应用上注意到明显的卡顿,但仅在动画第一次运行时出现?为避免这种情况,请确保您正在使用 Flutter 的默认图形渲染器 Impeller。
仅限 Web 的建议
#以下文章系列介绍了 Flutter Material 团队在改进 Flutter Gallery 应用 Web 端性能时获得的经验:
除非另有说明,否则本网站上的文档反映的是 Flutter 的最新稳定版本。页面最后更新于 2025-01-30。 查看源代码 或 报告问题。