104 字
1 分钟
flutter的渲染流程
1. 首帧绘制
main()
函数中通过调用runApp()
方法,传入根组件,并开始首帧绘制
2.LaryerTree构建
GPU将VSync绘制信号同步到UI线程,UI线程用Dart将Flutter代码构建图层树LayerTree
3.渲染
遍历LayerTree,通过SKCanvas绘制所有的Layer节点,完成光栅化处理,最终将光栅化后的数据刷新到手机屏幕上完成渲染
main()
函数中通过调用runApp()
方法,传入根组件,并开始首帧绘制
GPU将VSync绘制信号同步到UI线程,UI线程用Dart将Flutter代码构建图层树LayerTree
遍历LayerTree,通过SKCanvas绘制所有的Layer节点,完成光栅化处理,最终将光栅化后的数据刷新到手机屏幕上完成渲染