• 類、介面、繼承

Dart 中沒有介面，類都可以作為介面，把某個類當做介面實現時，只需要使用 implements ，然後複寫父類方法即可。

Dart 中支持 mixins ，按照出現順序應該為extends 、 mixins 、implements 。

• Zone

Dart 中可通過 Zone 表示指定代碼執行的環境，類似一個沙盒概念，在 Flutter 中 C++ 運行 Dart 也是在 _runMainZoned 內執行 runZoned 方法啟動，而我們也可以通過 Zone ，在運行環境內捕獲全局異常等信息:

runZoned(() {
runApp(FlutterReduxApp());
}, onError: (Object obj, StackTrace stack) {
print(obj);
print(stack);
});

同時你可以給 runZoned 註冊方法，在需要時執行回調，如下代碼所示，這樣的在一個 Zone 內任何地方，只要能獲取 onData 這個 ZoneUnaryCallback，就都可以調用到 handleData

///最終需要處理的地方
handleData(result) {
print("VVVVVVVVVVVVVVVVVVVVVVVVVVV");
print(result);
}

///返回得到一個 ZoneUnaryCallback
var onData = Zone.current.registerUnaryCallback<dynamic, int>(handleData);

///執行 ZoneUnaryCallback 返回數據
Zone.current.runUnary(onData, 2);

非同步邏輯可以通過 scheduleMicrotask 可以插入非同步執行方法：

Zone.current.scheduleMicrotask((){
//todo something
});

更多可參看 ：《Flutter完整開發實戰詳解(十一、全面深入理解Stream)》

• Future

Future 簡單了說就是對 Zone 的封裝使用。

比如 Future.microtask 中主要是執行了 Zone 的 scheduleMicrotask ，而 result._complete 最後調用的是 _zone.runUnary 等等。

factory Future.microtask(FutureOr<T> computation()) {
_Future<T> result = new _Future<T>();
scheduleMicrotask(() {
try {
result._complete(computation());
} catch (e, s) {
_completeWithErrorCallback(result, e, s);
}
});
return result;
}

Dart 中可通過 async/await 或者 Future 定義非同步操作，而事實上 async/await 也只是語法糖，最終還是通過編譯器轉為 Future。

有興趣看這裡 ：

generators

code_generator.dart Flutter完整開發實戰詳解(十一、全面深入理解Stream)

• Stream

Stream 也是有對Zone 的另外一種封裝使用。

Dart 中另外一種非同步操作， async* / yield 或者 Stream 可定義 Stream 非同步， async* / yield 也只是語法糖，最終還是通過編譯器轉為 Stream。 Stream 還支持同步操作。

1）、Stream 中主要有 Stream 、 StreamController 、StreamSink 和 StreamSubscription 四個關鍵對象，大致可以總結為：

• StreamController ：如類名描述，用於整個 Stream 過程的控制，提供各類介面用於創建各種事件流。
• StreamSink ：一般作為事件的入口，提供如 add ， addStream 等。
• Stream ：事件源本身，一般可用於監聽事件或者對事件進行轉換，如 listen 、where 。

• StreamSubscription ：事件訂閱後的對象，表面上用於管理訂閱過等各類操作，如 cacenl 、pause ，同時在內部也是事件的中轉關鍵。

2)、一般通過 StreamController 創建 Stream；通過 StreamSink 添加事件；通過 Stream 監聽事件；通過 StreamSubscription 管理訂閱。

3）、Stream 中支持各種變化，比如map 、expand 、where 、take 等操作，同時支持轉換為 Future 。

更多可參看 ：《Flutter完整開發實戰詳解(十一、全面深入理解Stream)》

Flutter 部分

Flutter 和 React Native 不同主要在於 Flutter UI是直接通過 skia 渲染的 ，而 React Native 是將 js 中的控制項轉化為原生控制項，通過原生去渲染的 ，相關更多可查看：《移動端跨平台開發的深度解析》。

• Flutter 中存在 Widget 、 Element 、RenderObject 、Layer 四棵樹，其中 Widget 與 Element 是一對多的關係 ，
• Element 中持有Widget 和 RenderObject ， 而 Element 與 RenderObject 是一一對應的關係 ，
• 當 RenderObject 的 isRepaintBoundary 為 true 時，那麼個區域形成一個 Layer，所以不是每個 RenderObject 都具有 Layer 的，因為這受 isRepaintBoundary 的影響。

更多相關可查閱 《Flutter完整開發實戰詳解(九、 深入繪製原理)》

• Flutter 中 Widget 不可變，每次保持在一幀，如果發生改變是通過 State 實現跨幀狀態保存，而真實完成布局和繪製數組的是 RenderObject ， Element 充當兩者的橋樑， State 就是保存在 Element 中。

• Flutter 中的 BuildContext 只是介面，而 Element 實現了它。
• Flutter 中 setState 其實是調用了 markNeedsBuild ，該方法內部標記此Element 為 Dirty ，然後在下一幀 WidgetsBinding.drawFrame 才會被繪製，這可以看出 setState 並不是立即生效的。
• Flutter 中 RenderObject 在 attch/layout 之後會通過 markNeedsPaint(); 使得頁面重繪，流程大概如下：

通過isRepaintBoundary 往上確定了更新區域，通過 requestVisualUpdate 方法觸發更新往下繪製。

• 正常情況 RenderObject 的布局相關方法調用順序是 ： layout -> performResize -> performLayout -> markNeedsPaint , 但是用戶一般不會直接調用 layout，而是通過 markNeedsLayout ，具體流程如下：

• Flutter 中一般 json 數據從 String 轉為 Object 的過程中都需要先經過 Map 類型。
• Flutter 中 InheritedWidget 一般用於狀態共享，如Theme 、Localizations 、 MediaQuery 等，都是通過它實現共享狀態，這樣我們可以通過 context 去獲取共享的狀態，比如 ThemeData theme = Theme.of(context);

在 Element 的 inheritFromWidgetOfExactType 方法實現里，有一個 Map<Type, InheritedElement> _inheritedWidgets 的對象。

_inheritedWidgets 一般情況下是空的，只有當父控制項是 InheritedWidget 或者本身是 InheritedWidgets 時才會有被初始化，而當父控制項是 InheritedWidget 時，這個 Map 會被一級一級往下傳遞與合併 。 所以當我們通過 context 調用 inheritFromWidgetOfExactType 時，就可以往上查找到父控制項的 Widget 。

• Flutter 中默認主要通過 runtimeType 和 key 判斷更新：

static bool canUpdate(Widget oldWidget, Widget newWidget) {
return oldWidget.runtimeType == newWidget.runtimeType
&& oldWidget.key == newWidget.key;
}
}

Flutter 中的生命周期

• initState() 表示當前 State 將和一個 BuildContext 產生關聯，但是此時BuildContext 沒有完全裝載完成，如果你需要在該方法中獲取 BuildContext ，可以 new Future.delayed(const Duration(seconds: 0, (){//context}); 一下。
• didChangeDependencies() 在 initState() 之後調用，當 State 對象的依賴關係發生變化時，該方法被調用，初始化時也會調用。
• deactivate() 當 State 被暫時從視圖樹中移除時，會調用這個方法，同時頁面切換時，也會調用。
• dispose() Widget 銷毀了，在調用這個方法之前，總會先調用 deactivate()。
• didUpdateWidge 當 widget 狀態發生變化時，會調用。

---

• 通過 StreamBuilder 和 FutureBuilder 我們可以快速使用 Stream 和 Future 快速構建我們的非同步控制項: 《Flutter完整開發實戰詳解(十一、全面深入理解Stream)》
• Flutter 中 runApp 啟動入口其實是一個 WidgetsFlutterBinding ，它主要是通過 BindingBase 的子類 GestureBinding 、ServicesBinding 、 SchedulerBinding 、PaintingBinding 、SemanticsBinding 、 RendererBinding 、WidgetsBinding 等，通過 mixins 的組合而成的。
• Flutter 中的 Dart 的線程是以事件循環和消息隊列的形式存在，包含兩個任務隊列，一個是 microtask 內部隊列，一個是 event 外部隊列，而 microtask 的優先順序又高於 event 。

因為 microtask 的優先順序又高於 event， 同時會阻塞event 隊列，所以如果 microtask 太多就可能會對觸摸、繪製等外部事件造成阻塞卡頓哦。

• Flutter 中存在四大線程，分別為 UI Runner、GPU Runner、IO Runner， Platform Runner （原生主線程） ，同時在 Flutter 中可以通過 isolate 或者 compute 執行真正的跨線程非同步操作。

PlatformView

Flutter 中通過 PlatformView 可以嵌套原生 View 到 Flutter UI 中，這裡面其實是使用了 Presentation + VirtualDisplay + Surface 等實現的，大致原理就是：

使用了類似副屏顯示的技術，VirtualDisplay 類代表一個虛擬顯示器，調用 DisplayManager 的 createVirtualDisplay() 方法，將虛擬顯示器的內容渲染在一個 Surface 控制項上，然後將 Surface 的 id 通知給 Dart，讓 engine 繪製時，在內存中找到對應的 Surface 畫面內存數據，然後繪製出來。em... 實時控制項截圖渲染顯示技術。

---

• Flutter 的 Debug 下是 JIT 模式，release下是AOT模式。

• Flutter 中可以通過 mixins AutomaticKeepAliveClientMixin ，然後重寫 wantKeepAlive 保持住頁面，記得在被保持住的頁面 build 中調用 super.build 。（因為 mixins 特性）。
• Flutter 手勢事件主要是通過競技判斷的：

主要有 hitTest 把所有需要處理的控制項對應的 RenderObject ， 從 child 到 parent 全部組合成列表，從最裡面一直添加到最外層。

然後從隊列頭的 child 開始 for 循環執行 handleEvent 方法，執行 handleEvent 的過程不會被攔截打斷。

一般情況下 Down 事件不會決出勝利者，大部分時候是在 MOVE 或者 UP 的時候才會決出勝利者。

競技場關閉時只有一個的就直接勝出響應，沒有勝利者就拿排在隊列第一個強制勝利響應。

同時還有 didExceedDeadline 處理按住時的 Down 事件額外處理，同時手勢處理一般在 GestureRecognizer 的子類進行。

更多詳細請查看：《Flutter完整開發實戰詳解(十三、全面深入觸摸和滑動原理)》

• Flutter 中 ListView 滑動其實都是通過改變 ViewPort 中的 child 布局來實現顯示的。
• 常用狀態管理的：目前有 scope_model 、flutter_redux 、fish_redux 、bloc + Stream 等幾種模式，具體可見 : 《Flutter完整開發實戰詳解(十二、全面深入理解狀態管理設計)》

Platform Channel

Flutter 中可以通過 Platform Channel 讓 Dart 代碼和原生代碼通信的：

• BasicMessageChannel ：用於傳遞字元串和半結構化的信息。
• MethodChannel ：用於傳遞方法調用（method invocation）。
• EventChanne l: 用於數據流（event streams）的通信。

同時 Platform Channel 並非是線程安全的 ，更多詳細可查閱閑魚技術的 《深入理解Flutter Platform Channel》

其中基礎數據類型映射如下：

---

Android 啟動頁

Android 中 Flutter 默認啟動時會在 FlutterActivityDelegate.java 中讀取 AndroidManifset.xml 內 meta-data 標籤，其中 io.flutter.app.android.SplashScreenUntilFirstFrame 標誌位如果為 ture ，就會啟動 Splash 畫面效果（類似IOS的啟動頁面）。

啟動時原生代碼會讀取 android.R.attr.windowBackground 得到指定的 Drawable ， 用於顯示啟動閃屏效果，之後並且通過 flutterView.addFirstFrameListener，在onFirstFrame 中移除閃屏。

好了，暫時都這裡了，有問題修改會或則補充的，後面再加上。

資源推薦

• Github ： https://github.com/CarGuo
• 本文Demo ：https://github.com/CarGuo/state_manager_demo
• 本文代碼 ：https://github.com/CarGuo/GSYGithubAppFlutter

完整開源項目推薦：

• GSYGithubApp Flutter
• GSYGithubApp React Native
• GSYGithubAppWeex

文章

《Flutter完整開發實戰詳解(一、Dart語言和Flutter基礎)》

《Flutter完整開發實戰詳解(二、 快速開發實戰篇)》

《Flutter完整開發實戰詳解(三、 打包與填坑篇)》

《Flutter完整開發實戰詳解(四、Redux、主題、國際化)》

《Flutter完整開發實戰詳解(五、 深入探索)》

《Flutter完整開發實戰詳解(六、 深入Widget原理)》

《Flutter完整開發實戰詳解(七、 深入布局原理)》

《Flutter完整開發實戰詳解(八、 實用技巧與填坑)》

《Flutter完整開發實戰詳解(九、 深入繪製原理)》

《Flutter完整開發實戰詳解(十、 深入圖片載入流程)》

《Flutter完整開發實戰詳解(十一、全面深入理解Stream)》

《Flutter完整開發實戰詳解(十二、全面深入理解狀態管理設計)》

《Flutter完整開發實戰詳解(十三、全面深入觸摸和滑動原理)》

《跨平台項目開源項目推薦》

《移動端跨平台開發的深度解析》

推薦閱讀：