Flutter 渲染管线深度拆解：Skia 绘制、UI 线程与 GPU 线程分离，复现页面卡顿、内存泄漏完整排查流程摘要Flutter 作为跨平台 UI 框架，其高流畅度的核心保障之一是独立的渲染管线设计—— 与传统框架不同，它将 UI 构建与光栅化操作拆分为两个独立的线程（UI 线程与 GPU/Raster 线程），并通过 Skia/Impeller 完成底层绘制，理论上可稳定 60fps/120fps 渲染帧率(56)。但在实际工程中，复杂布局、滥用图层资源、线程协作逻辑不当等问题，常导致管线负载不均衡、帧耗时超标，进而出现页面滑动卡顿、内存持续增长甚至 OOM 等性能问题(73)。本文基于 Flutter 3.x 最新稳定版本（3.35+），从源码层拆解其渲染管线全流程，重点分析 Skia 绘制调度机制、UI 与 GPU 线程分离的协作逻辑；结合实际电商项目的堆叠卡片列表、复杂音视频文稿场景，复现卡顿与内存泄漏的典型问题，演示使用 Flutter DevTools、引擎层内存分析工具的完整排查流程，提供可落地的管线调优方案。本文面向高级移动架构师、资深 Flutter 开发工程师，兼顾底层原理剖析与工程实战场景；阅读本文前，建议您已掌握 Flutter 三棵