Flutter框架結(jié)構(gòu)圖

Flutter Framework

一個純Dart實(shí)現(xiàn)的SDK，實(shí)現(xiàn)了一套基礎(chǔ)庫。

1，底下兩層（Foundation，Animation，Painting，Gestures）被合并成dart UI層，對應(yīng)Flutter中的dart:ui包，它是flutter引擎暴露的底層UI庫，提供動畫，手勢，和繪制能力。

2，Rendering層，是一個抽象的布局層，依賴于Dart UI層，Rendering層會構(gòu)建一個UI樹，當(dāng)UI樹有變化時，會計(jì)算出有變化的部分，然后更新UI樹，最終將UI樹繪制到屏幕上。它是Flutter UI框架最核心的部分，除了確定每個UI元素的位置，大小之外，還要進(jìn)行坐標(biāo)變換，繪制（調(diào)用dart:ui層）。

3，Widgets 層是Flutter提供的基礎(chǔ)組件庫。在基礎(chǔ)組件庫之上，F(xiàn)lutter還提供了Material和Cupertino兩種風(fēng)格的組件庫。

Flutter Engine

一個純C++實(shí)現(xiàn)的SDK，其中包括了Skia 引擎，Dart 運(yùn)行時，文字排版引擎。調(diào)用 dart:ui庫時，最終會走到Engine層，然后實(shí)現(xiàn)真正的繪制。