面试题：Flutter底层渲染机制对减少重绘策略的影响

Skia渲染引擎：
- 绘制缓存：Skia有绘制缓存机制，若图形内容不变，可直接复用缓存内容，减少重复绘制。例如对于静态图标等元素，Skia会在首次绘制后缓存其位图表示，后续渲染若该图标未改变，直接从缓存获取，无需重新执行复杂的绘制指令。
- 增量更新：Skia支持增量更新，仅重绘发生变化的部分。当组件状态改变时，Skia会计算变化区域，仅对该区域重新绘制。如文本组件文字内容改变，Skia通过计算文本边界变化，只重绘新文本区域，而非整个组件。
合成层：
- 层的合并与分离：合理合并和分离合成层能减少重绘。将多个静态组件合并到一个合成层，若其中一个组件变化，不会导致其他组件重绘。比如页面上多个固定位置的装饰性元素可合并成一层。相反，对于频繁变化的组件应单独分层，避免影响其他相对稳定组件的渲染。
- GPU加速：合成层利用GPU加速渲染。GPU擅长并行处理图形任务，将复杂图形计算分配给GPU，可大幅提高渲染效率。合成层将绘制指令转化为GPU可识别的命令，在GPU上进行纹理处理、变换等操作，快速生成最终图像。

减少不必要重绘：
- 状态管理：精确管理组件状态，只有影响绘制的状态改变时才触发重绘。使用InheritedWidget或状态管理库（如Provider），确保仅相关组件重绘。例如，列表项组件仅在其自身数据变化时重绘，而非列表整体状态稍有变化就重绘所有项。
- 局部更新：利用CustomPainter的shouldRepaint方法，在组件属性未改变时返回false，告知Flutter无需重绘。比如自定义绘制一个进度条，只有进度值改变时才重绘，颜色、样式等不变时不触发重绘。
利用合成层特性：
- 组件分层：根据组件变化频率和相关性进行分层。将变化频繁的动画组件与静态背景组件分在不同层。如动画按钮和固定背景，按钮单独一层，背景一层，按钮动画时不影响背景渲染。
- 缓存绘制结果：对于复杂且不常变化的自定义绘制，缓存绘制结果。在CustomPainter中，首次绘制后将结果缓存为Image或Shader，后续渲染直接使用缓存内容，减少重复计算。例如自定义绘制一个复杂纹理，缓存后每次渲染直接复用。

星途面试题库