Flutter是什么？

Flutter是 Google推出并開源的移動應用開發框架，主打跨平臺、高保真、高性能。開發者可以通過 Dart語言開發 App，一套代碼同時運行在 iOS 和 Android平臺。 Flutter提供了豐富的組件、接口，開發者可以很快地為 Flutter添加 native擴展。同時 Flutter還使用 Native引擎渲染視圖，這無疑能為用戶提供良好的體驗

Flutter有哪些優點？

跨平臺自繪引擎

Flutter與用于構建移動應用程序的其它大多數框架不同，因為Flutter既不使用WebView，也不使用操作系統的原生控件。 相反，Flutter使用自己的高性能渲染引擎來繪制widget。這樣不僅可以保證在Android和iOS上UI的一致性，而且也可以避免對原生控件依賴而帶來的限制及高昂的維護成本。
Flutter使用Skia作為其2D渲染引擎，Skia是Google的一個2D圖形處理函數庫，包含字型、坐標轉換，以及點陣圖都有高效能且簡潔的表現，Skia是跨平臺的，并提供了非常友好的API，目前Google Chrome瀏覽器和Android均采用Skia作為其繪圖引擎，值得一提的是，由于Android系統已經內置了Skia，所以Flutter在打包APK(Android應用安裝包)時，不需要再將Skia打入APK中，但iOS系統并未內置Skia，所以構建iPA時，也必須將Skia一起打包，這也是為什么Flutter APP的Android安裝包比iOS安裝包小的主要原因。

高性能

Flutter高性能主要靠兩點來保證，首先，Flutter APP采用Dart語言開發。Dart在 JIT（即時編譯）模式下，速度與 JavaScript基本持平。但是 Dart支持 AOT，當以 AOT模式運行時，JavaScript便遠遠追不上了。速度的提升對高幀率下的視圖數據計算很有幫助。其次，Flutter使用自己的渲染引擎來繪制UI，布局數據等由Dart語言直接控制，所以在布局過程中不需要像RN那樣要在JavaScript和Native之間通信，這在一些滑動和拖動的場景下具有明顯優勢，因為在滑動和拖動過程往往都會引起布局發生變化，所以JavaScript需要和Native之間不停的同步布局信息，這和在瀏覽器中要JavaScript頻繁操作DOM所帶來的問題是相同的，都會帶來比較可觀的性能開銷。

Flutter用什么語言開發？

目前程序運行的兩種方式

程序主要有兩種運行方式：靜態編譯與動態解釋。靜態編譯的程序在執行前全部被翻譯為機器碼，通常將這種類型稱為AOT （Ahead of time）即 “提前編譯”；而解釋執行的則是一句一句邊翻譯邊運行，通常將這種類型稱為JIT（Just-in-time）即“即時編譯”。AOT程序的典型代表是用C/C++開發的應用，它們必須在執行前編譯成機器碼，而JIT的代表則非常多，如JavaScript、python等，事實上，所有腳本語言都支持JIT模式。但需要注意的是JIT和AOT指的是程序運行方式，和編程語言并非強關聯的，有些語言既可以以JIT方式運行也可以以AOT方式運行，如Java、Python，它們可以在第一次執行時編譯成中間字節碼、然后在之后執行時可以直接執行字節碼，也許有人會說，中間字節碼并非機器碼，在程序執行時仍然需要動態將字節碼轉為機器碼，是的，這沒有錯，不過通常我們區分是否為AOT的標準就是看代碼在執行之前是否需要編譯，只要需要編譯，無論其編譯產物是字節碼還是機器碼，都屬于AOT。在此，讀者不必糾結于概念，概念就是為了傳達精神而發明的，只要讀者能夠理解其原理即可，得其神忘其形。

Flutter選擇用Dart開發的原因

1、開發效率高

Dart運行時和編譯器支持Flutter的兩個關鍵特性的組合：
基于JIT的快速開發周期：Flutter在開發階段采用，采用JIT模式，這樣就避免了每次改動都要進行編譯，極大的節省了開發時間；
基于AOT的發布包: Flutter在發布時可以通過AOT生成高效的ARM代碼以保證應用性能。而JavaScript則不具有這個能力。

2、高性能

Flutter旨在提供流暢、高保真的的UI體驗。為了實現這一點，Flutter中需要能夠在每個動畫幀中運行大量的代碼。這意味著需要一種既能提供高性能的語言，而不會出現會丟幀的周期性暫停，而Dart支持AOT，在這一點上可以做的比JavaScript更好。

3、快速內存分配

Flutter框架使用函數式流，它很大程度上依賴于底層的內存分配器，因此，能夠有效地處理小的、短期的內存分配會非常重要，所以在缺乏此功能的語言中Flutter無法有效地工作；當然Chrome V8的JavaScript引擎在內存分配上也已經做的很好，事實上Dart開發團隊很多成員都是來自Chrome團隊的，所以在內存分配上Dart并不能作為超越JavaScript的優勢，而對于Flutter來說，它需要這樣的特性，而Dart也正好滿足而已。

4、類型安全

由于Dart是類型安全的語言，支持靜態類型檢測，可以在編譯前發現一些類型錯誤，排除潛在問題。這一點對于前端開發者來說可能會更有說服力，由于JavaScript是一個弱類型語言，前端社區出現了很多給JavaScript代碼添加靜態類型檢測的擴展語言和工具，如：Coffeescript、微軟的TypeScript以及Facebook的Flow。相比之下，Dart本身支持靜態類型，這是它的一個重要優勢。

5、Dart團隊與Flutter團隊合作緊密

Flutter團隊可以獲得更多、更方便的支持，正如Flutter官網所述“我們有機會與Dart社區密切合作，Dart社區正在積極投入資源改進Dart在Flutter中的使用。例如，當我們采用Dart時，該語言沒有提供生成原生二進制文件的工具鏈（這對于實現可預測的高性能是很有幫助的），但是現在它實現了，因為Dart團隊為Flutter構建了它。同樣，Dart VM之前已經針對吞吐量進行了優化，但團隊現在正在優化VM的延遲時間，這對于Flutter的工作負載更為重要。”

Flutter框架結構

image.png

Flutter Framework

這是一個純 Dart實現的 SDK，它實現了一套基礎庫，從低向上，我們來簡單介紹一下：
底下兩層（Foundation和Animation、Painting、Gestures）在Google的一些視頻中被合并為一個dart UI層，對應的是Flutter中的dart:ui包，它是Flutter引擎暴露的底層UI庫，提供動畫、手勢及繪制能力。
Rendering層，這一層是一個抽象的布局層，它依賴于dart UI層，Rendering層會構建一個UI樹，當UI樹有變化時，會計算出變化部分，然后再更新UI樹，最終將UI樹繪制到屏幕上，這個類似于React中的虛擬DOM。Rendering層可以說是Flutter UI框架最核心的部分，它除了確定每個UI元素的位置、大小之外還要進行坐標變換、繪制(調用底層dart:ui)。
Widgets層是Flutter提供的的一套基礎組件庫，在基礎組件庫之上，Flutter還提供了 Material 和Cupertino兩種視覺風格的組件庫。而我們Flutter開發的大多數場景，只是和這兩層打交道。

Flutter Engine

這是一個純 C++實現的 SDK，其中包括了 Skia引擎、Dart運行時、文字排版引擎等。在代碼調用 dart:ui庫時，調用最終會走到Engine層，然后實現真正的繪制邏輯。

學習Flutter的網站

Flutter官網
Flutter社區中文資源
Flutter中文網
Github Flutter
以及掘金、Stack Overflow等

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/18397.html