2.flutter 跨平台的绘制原理

12 阅读1分钟

1.webview

image.png

2.RN

RN本质是将jsx这些代码转化为成原生的组件

image.png

3.flutter

flutter 是直接利用skia进行渲染,没有转原生组件这一步 image.png

image.png 上面的图有一个问题,就是为啥有两个GPU,其实上下是一个,想要表达一个过程循环的意思,下面的GPU渲染完数据,会等待屏幕Vsync信号,如果产生这个信号,又从上面重新开始新的一个流程

image.png