本書通過一個實際的Flutter App，為大家介紹Flutter相關的知識。書中首先介紹了Flutter的環境配置、各種IDE的工具配置以及怎樣運行一個最簡單的Flutter 程序。然後介紹了Dart語言的一些基本概念。接著利用Flutter基本的容器組件、圖片組件以及布局組件，教讀者創建一個簡單的待辦事項應用的原型界面，並介紹Flutter UI的布局思路以及原理。最後，介紹如何通過更加復雜的組件的不同組合，讓待辦事項應用識別復雜的手勢以及在精妙的動畫和頁面之間完成路由跳轉。

任宇傑
移動開發者，在利用 Flutter 構建跨端容器方面有比較深入的研究。

王志宇
移動開發者，具有多年跨端容器開發經驗。

魏國梁
移動開發者，在 Flutter 底層以及利用Flutter 進行自繪引擎建設上有比較深入的研究。

臧成威
移動開發者，經歷了從 iOS 5 至今的各個時代，對客戶端研發模式、多語言範式有著較深的理解。他是 Flutter 的首批嘗鮮者，對 Flutter 底層應用和自繪有著深入的研究。

第 一部分Flutter 的基礎知識
第1章 Flutter 概述2
1．1Flutter 的橫空出世2
1．1．1Flutter 的前身——Sky2
1．1．2Flutter 版本的歷史2
1．2Flutter 的技術亮點4
1．2．1跨平臺的精美設計4
1．2．2跨平臺的高生產力6
1．2．3跨平臺的高效表現7
1．2．4可擴展的開放平臺7
1．3小結8
第2章 Dart 語言概述9
2．1基本數據類型9
2．1．1數字9
2．1．2字符串10
2．1．3布爾10
2．1．4列表10
2．1．5集合11
2．1．6映射11
2．2函數12
2．2．1聲明12
2．2．2參數12
2．2．3閉包13
2．2．4main 函數14
2．2．5匿名函數14
2．3流程控制14
2．3．1利用 if 來判斷15
2．3．2利用 for/while 來循環15
2．3．3利用 switch 來選擇16
2．4異常處理16
2．4．1拋出異常16
2．4．2捕獲異常17
2．4．3使用 finally 保證代碼一定被執行17
2．5類18
2．5．1類的成員變量18
2．5．2類的構造方法19
2．5．3使用 getter 和 setter20
2．5．4繼承20
2．5．5抽像機制與抽像類21
2．5．6隱式接口21
2．5．7繼承之外的另一種選擇：mixin22
2．6泛型23
2．6．1泛型與類型安全23
2．6．2在定義中使用泛型24
2．6．3在函數中使用泛型24
2．6．4限定泛型的類型25
2．7異步25
2．7．1什麼是異步25
2．7．2Future 對像與 async/await 關鍵字25
2．7．3使用 async for 處理 Stream 對像26
2．8引入外部代碼27
2．8．1利用 import 關鍵字引入其他框架中的代碼27
2．8．2利用 as 關鍵字防止外部框架衝突27
2．9小結28
第3章環境搭建29
3．1在 Windows 繫統搭建環境29
3．1．1下載開發工具 Android Studio29
3．1．2搭建 Android 開發環境31
3．1．3安裝 Flutter SDK34
3．2在 Mac 繫統搭建環境35
3．2．1下載開發工具 Android Studio35
3．2．2搭建 Android 開發環境36
3．2．3搭建 iOS 開發環境37
3．2．4安裝 Flutter SDK39
3．3小結39
第4章著手做第 一個 Flutter 程序40
4．1第 一個 Flutter 項目40
4．2Flutter 項目的文件結構42
4．3小結43
第5章調試工具44
5．1如何使用斷點44
5．1．1普通斷點與條件斷點44
5．1．2step in 和 step over46
5．2HotReload 和 HotRestart46
5．2．1使用 HotReload 加快 UI 開發47
5．2．2理解 HotRestart47
5．3使用 Android Studio 中的 DevTools47
5．3．1使用 Flutter Inspector 查看 UI 結構48
5．3．2使用 Flutter Outline 查看代碼結構50
5．4小結50
第6章Widget 概述51
6．1Widget 的概述51
6．1．1文本展示：Text 組件52
6．1．2文本輸入：TextField 組件57
6．1．3圖片展示：Image 組件58
6．1．4處理點擊：Button 組件60
6．2利用 Widget 實現布局62
6．2．1布局容器：Container62
6．2．2彈性盒子布局：Flex、Row、Column 和 Expanded64
6．2．3流式布局：Wrap 和 Flow72
6．2．4層疊布局：Stack 和 Position76
6．3滾動布局78
6．3．1單列內容滾動：ListView78
6．3．2展示多列內容：GridView83
6．4Material 與 Cupertino89
6．4．1通用樣式 Widget 一覽89
6．4．2Material 的獨有樣式 Widget 一覽91
6．4．3Cupertino 的獨有樣式 Widget 一覽93
6．5小結94
第二部分動手做一個待辦事項應用
第7章我們要做一個什麼樣的應用96
7．1頁面一覽96
7．2整體技術點一覽100
第8章第 一個頁面——“登錄”頁面102
8．1搭建 UI 框架103
8．1．1創建登錄頁面文件103
8．1．2搭建整體結構104
8．1．3布局文本框組件106
8．1．4繼續完善細節109
8．2填充組件113
8．2．1填充圖片組件113
8．2．2填充郵箱和密碼輸入框117
8．2．3登錄按鈕與注冊提示按鈕117
8．3為頁面增加本地邏輯123
8．3．1處理鍵盤遮擋問題123
8．3．2處理焦點131
8．3．3為文本輸入框增加校驗邏輯136
8．4小結138
第9章跳轉到第二個頁面139
9．1簡單的頁面跳轉139
9．1．1Navigator 初探：簡單的路由跳轉140
9．1．2Navigator 再探：命名路由143
9．1．3Navigator 終探：路由傳參144
9．2為頁面跳轉添加自定義的過渡效果146
9．2．1實現漸變的頁面過渡146
9．2．2了解頁面過渡的原理147
9．3完善我們的“注冊”頁面150
9．3．1處理 “注冊”頁面中的用戶頭像151
9．3．2處理“登錄”頁面與“注冊”頁面之間的跳轉邏輯155
9．4小結156
第10章 待辦事項應用的靈魂——“列表”頁面157
10．1構建帶有 BottomNavigationBar 的頁面157
10．1．1創建 BottomNavigationBar158
10．1．2使用 StatefulWidget 完成頁面轉換163
10．1．3用正確的方式構建 body165
10．2使用 ListView 構建頁面169
10．2．1準備數據169
10．2．2用 ListView 展示待辦事項173
10．3為 ListView 增加簡單的事件交互178
10．3．1為待辦事項添加事件回調178
10．3．2添加事件回調的具體邏輯180
10．3．3完善列表的排序功能183
10．4小結186
第11章 添加、編輯、查看 TODO——待辦事項編輯頁187
11．1構建簡單的表單頁面187
11．1．1搭建頁面框架187
11．1．2封裝帶有標題的 LabelGroup 組件189
11．1．3構建待辦事項的標題和描述文本框191
11．2構建較為復雜的日期選擇器組件和時間選擇器195
11．2．1了解 DatePicker 和 TimePicker196
11．2．2封裝日期選擇器和時間選擇器198
11．2．3構建日期選擇器和時間選擇器200
11．3構建優先級展示框204
11．3．1實現優先級展示框204
11．3．2實現優先級彈出菜單206
11．4完善表單細節內容209
11．4．1完善表單中的細節內容209
11．4．2將新創建的待辦事項添加到列表中210
11．5小結213
第12章 讓我們的應用更加完美214
12．1了解 Flutter 中的動畫214
12．1．1Animation 類214
12．1．2AnimationController 類216
12．1．3CurvedAnimation 類217
12．1．4Tween 類218
12．2動手為我們的待辦事項應用增加動畫219
12．2．1為“登錄”頁面增加動畫219
12．2．2使用 AnimatedWidget 封裝動畫221
12．2．3為登錄 Logo 增加 Hero 動畫224
12．2．4為“列表”頁面增加動畫231
12．3利用 PlatformChannel 實現定位功能234
12．3．1了解 PlatformChannel 的基本模式234
12．3．2使用 PlatformChannel 寫 Dart 端代碼235
12．3．3使用 PlatformChannel 編寫 Android 端代碼239
12．3．4使用 PlatformChannel 編寫 iOS 端的代碼240
12．4利用 PlatformView 實現地址詳情功能241
12．4．1了解 PlatformView 的基本模式241
12．4．2在 Dart 端使用 PlatformView242
12．4．3在 Android 端注冊 PlatformView245
12．4．4在 iOS 端注冊 PlatformView246
12．5使用封裝好的 PlatformView 構建隱私策略頁面248
12．5．1引入 webview_flutter249
12．5．2使用 webview_flutter249
12．6小結251
第13章 為我們的待辦事項應用增加完整的處理邏輯252
13．1完成多頁面之間的數據共享252
13．1．1利用公共父頁面共享數據252
13．1．2同步數據變化254
13．2為“登錄”頁面和“注冊”頁面增加網絡請求257
13．2．1HTTP 的基礎知識258
13．2．2利用我們提供的服務器完成網絡請求259
13．2．3使用 http 模塊發送網絡請求260
13．3將數據緩存在本地266
13．3．1保存登錄狀態266
13．3．2保存列表信息269
13．4將本地數據上傳到網絡274
13．4．1將數據上傳到服務器274
13．4．2從服務器獲取數據277
13．5小結281
第14章 是時候發布啦282
14．1發布應用前需要了解的一些基礎知識282
14．2發布 Android 應用283
14．2．1在各個平臺注冊開發者賬號283
14．2．2發布前檢查283
14．2．3修改 Icon284
14．2．4配置應用發布簽名286
14．3發布 iOS 應用290
14．3．1加入蘋果公司的開發者計劃290
14．3．2發布前檢查290
14．3．3更改 Icon 和啟動圖291
14．3．4創建應用的歸檔293
14．3．5將應用發布到 App Store295
14．4小結295
第三部分Flutter 的擴展功能
第15章 深入理解狀態管理298
15．1狀態管理的理論知識298
15．1．1什麼是狀態管理298
15．1．2Flutter 中的狀態管理300
15．2狀態管理的代碼實現301
15．2．1了解如何使用 InheritedWidget301
15．2．2InheritedWidget 的原理303
15．2．3使用 Provider 包完成狀態管理306
15．3小結308
第16章 你不能錯過的優秀工具309
16．1代碼靜態分析309
16．1．1了解 IDE 中的 Dart Analysis309
16．1．2了解 Dart Analysis 的配置規則310
16．2代碼格式化312
16．3Dart DevTools314
16．3．1在 IDE 中打開 Dart DevTools314
16．3．2使用 Timeline 查看應用的性能損耗316
16．3．3使用 Memory 查看應用的內存占用情況317
16．4小結317
第17章 在 Flutter 中如何更好地與後臺交互318
17．1數據處理概覽318
17．1．1將 JSON 數據解析為 Map 數據318
17．1．2手動創建模型類處理 JSON 數據319
17．2使用工具生成代碼319
17．2．1使用 json_serializable 生成代碼319
17．2．2了解 json_serializable 的更多功能321
17．3小結324
第18章 編寫測試代碼325
18．1準備工作325
18．1．1添加依賴325
18．1．2創建測試文件326
18．測試326
18．2．1編寫測試代碼326
18．2．2使用 Mockito 模擬測試環境327
18．2．3測試329
18．3Widget 測試330
18．3．1編寫測試代碼330
18．3．2運行 Widget 測試332
18．4集成測試332
18．4．1添加集成測試的依賴333
18．4．2創建集成測試文件333
18．4．3啟動被集成應用334
18．4．4編寫集成測試代碼334
18．4．5記錄性能數據335
18．4．6運行集成測試336
18．5小結336
第19章 性能優化337
19．1性能優化建議337
19．1．1控制 build 方法耗時337
19．1．2控制特效耗時338
19．1．3長列表優化338
19．1．4避免跳幀338
19．2性能分析339
19．2．1通過 profile 模式做性能分析339
19．2．2發現問題340
19．2．3GPU 耗時分析342
19．2．4UI 耗時分析343
19．2．5Widget 重建分析343
19．2．6建立指標344
19．3小結344
第20章 Flutter 的歷程與未來345
20．1回顧 Flutter 的歷程345
20．2展望 Flutter 的未來346
20．3Flutter for Web347
20．3．1簡述347
20．3．2構建環境348
20．3．3使用 Web 運行待辦事項應用348
20．3．4初窺 flutter-web349
20．4Flutter For Desktop351
20．5小結352