Flutter：從0到1構(gòu)建大前端應(yīng)用

第1章 Flutter簡介 1
1.1 Flutter的優(yōu)勢 1
1.2 對比其他技術(shù) 2
1.3 Flutter架構(gòu) 3
1.3.1 Flutter Framework 3
1.3.2 Flutter Engine 4
1.4 開發(fā)環(huán)境搭建 4
1.4.1 Mac上的環(huán)境搭建 4
1.4.2 在Mac上獲取SDK并設(shè)置環(huán)境變量 5
1.4.3 安裝Xcode與運(yùn)行模擬器 6
1.4.4 安裝Android Studio 7
1.4.5 在Android Studio上安裝Flutter開發(fā)插件 8
1.4.6 安裝VSCode與Flutter開發(fā)插件 9
1.4.7 IDE的選擇 11
1.4.8 使用Flutter診斷工具檢查Flutter開發(fā)環(huán)境 11
1.4.9 創(chuàng)建Demo工程并體驗(yàn)熱重載 12
1.5 Flutter升級 14
本章小結(jié) 15

第2章 Dart語言入門 16
2.1 應(yīng)用場景 16
2.1.1 SDK安裝和升級 17
2.1.2 編寫一個(gè)HelloWorld并運(yùn)行 17
2.2 變量與常量 18
2.2.1 變量 18
2.2.2 常量 18
2.2.3 內(nèi)置類型 19
2.2.4 數(shù)值型 19
2.2.5 數(shù)值型操作 20
2.2.6 字符串 21
2.2.7 字符串操作 21
2.2.8 布爾型 23
2.2.9 List與數(shù)組 23
2.2.10 Map 24
2.2.11 dynamic和Object 25
2.3 算符 26
2.4 異常捕獲 27
2.5 函數(shù)Function 28
2.5.1 main函數(shù) 28
2.5.2 可選參數(shù) 28
2.5.3 必傳參數(shù) 29
2.5.4 可選的位置參數(shù) 29
2.5.5 默認(rèn)參數(shù) 29
2.5.6 函數(shù)作為參數(shù)傳遞 30
2.5.7 函數(shù)作為變量 30
2.6 異步編程 30
2.6.1 Future是什么 31
2.6.2 async和await 31
2.6.3 繼承、接口實(shí)現(xiàn)和混合 33
2.6.4 泛型 37
本章小結(jié) 39

第3章 一切皆組件 40
3.1 基礎(chǔ)組件（Basic widgets） 42
3.1.1 Text 43
3.1.2 Icon 43
3.1.3 Image 45
3.1.4 Button 45
3.1.5 FlutterLogo 47
3.2 單一子元素組件（Single-child） 48
3.2.1 Container 48
3.2.2 Container的約束 49
3.2.3 SingleChildScrollView 52
3.2.4 FittedBox 53
3.2.5 FractionallySizedBox 54
3.2.6 ConstrainedBox 55
3.2.7 Baseline 56
3.2.8 IntrinsicWidth和IntrinsicHeight 58
3.3 多子元素組件（Multi-child） 58
3.3.1 Scaffold 58
3.3.2 AppBar 59
3.3.3 Row和Column 61
3.3.4 ListView 64
3.3.5 GridView 69
3.3.6 CustomScrollView 70
3.3.7 Flex 73
3.3.8 Wrap 75
3.4 狀態(tài)管理 77
3.4.1 Widget樹 78
3.4.2 Context 79
3.4.3 StatelessWidget 80
3.4.4 StatefulWidget 80
3.4.5 StatefulWidget的組成 81
3.4.6 State 82
3.4.7 State生命周期 82
3.4.8 Widget的唯一身份標(biāo)識：key 88
3.4.9 InheritedWidget 89
3.5 包管理 93
3.6 常用代碼段效果 94
3.6.1 案例一：側(cè)滑效果 95
3.6.2 案例二：登錄界面 96
3.6.3 案例三：輪播圖效果 96
3.6.4 案例四：圖片瀏覽器的相冊效果 97
3.6.5 案例五：全局主題設(shè)置 97
本章小結(jié) 98

第4章 事件處理 99
4.1 原始指針事件 99
4.1.1 基本用法 99
4.1.2 忽略事件 102
4.2 GestureDetector 105
4.2.1 基本用法 105
4.2.2 常用事件 106
4.2.3 拖曳和縮放效果 109
4.2.4 事件競爭與手勢沖突 112
4.2.5 手勢識別器 114
4.3 事件原理與分發(fā)機(jī)制 117
4.4 事件通知 122
本章小結(jié) 125

第5章 動(dòng)畫 126
5.1 動(dòng)畫原理及概述 126
5.1.1 Animation 127
5.1.2 Animatable 127
5.1.3 AnimationController 128
5.1.4 Tween 130
5.1.5 Tween.animate 133
5.1.6 Curve 133
5.2 動(dòng)畫的封裝與簡化 136
5.2.1 AnimatedWidget 136
5.2.2 AnimatedBuilder 137
5.3 Hero動(dòng)畫 141
5.3.1 基本用法 141
5.3.2 實(shí)現(xiàn)原理 143
5.4 交錯(cuò)動(dòng)畫 145
5.5 動(dòng)畫示例 151
5.5.1 自定義加載動(dòng)畫 151
5.5.2 實(shí)現(xiàn)動(dòng)畫效果 153
5.5.3 Dialog加載框 157
5.5.4 測試加載框效果 159
本章小結(jié) 161

第6章 使用網(wǎng)絡(luò)技術(shù)與異步編程 162
6.1 網(wǎng)絡(luò)協(xié)議簡介 162
6.1.1 HTTP協(xié)議簡介 163
6.1.2 HTTP 2.0能給我們帶來什么 164
6.1.3 HTTPS 166
6.2 網(wǎng)絡(luò)編程 167
6.2.1 HttpClient 167
6.2.2 http庫 170
6.3 JSON解析 171
6.3.1 JSON轉(zhuǎn)成Dart對象 172
6.3.2 一個(gè)完整的例子 173
6.3.3 根據(jù)JSON用工具生成實(shí)體類 175
6.4 dio庫 176
6.4.1 基本用法 177
6.4.2 dio單例 177
6.4.3 dio攔截器 178
6.4.4 dio攔截器鏈 180
6.4.5 dio適配器 181
6.4.6 dio庫總結(jié) 183
6.5 異步編程 184
6.5.1 isolate 184
6.5.2 event loop 184
6.5.3 線程模型與isolate 188
6.5.4 創(chuàng)建單獨(dú)的isolate 190
6.5.5 Stream事件流 192
本章小結(jié) 195

第7章 路由 196
7.1 路由簡介 196
7.1.1 基本用法 197
7.1.2 靜態(tài)路由 197
7.1.3 動(dòng)態(tài)路由 200
7.1.4 參數(shù)回傳 203
7.2 路由棧 206
7.2.1 路由棧詳解 207
7.2.2 pushReplacementNamed方法 207
7.2.3 popAndPushNamed方法 208
7.2.4 pushNamedAndRemoveUntil方法 209
7.2.5 popUntil方法 210
7.3 自定義路由 210
本章小結(jié) 214

第8章 持久化 215
8.1 shared_preferences本地存儲 215
8.1.1 shared_preferences的常用操作 216
8.1.2 shared_preferences舉例 216
8.2 SQLite數(shù)據(jù)庫 219
8.2.1 sqflite依賴庫簡介 220
8.2.2 封裝SQL Helpers 223
8.2.3 sqflite實(shí)現(xiàn)員工打卡示例 225
8.3 文件形式存儲 232
8.3.1 path_provider簡介 233
8.3.2 一個(gè)簡單的日記本示例 233
本章小結(jié) 236

第9章 插件與混合工程 237
9.1 package 237
9.1.1 添加package的幾種方式 238
9.1.2 更新package 239
9.1.3 創(chuàng)建自己的package 240
9.1.4 發(fā)布package 240
9.2 理解Platform Channel 241
9.2.1 消息傳遞與編解碼器 242
9.2.2 Platform數(shù)據(jù)類型支持 243
9.2.3 MethodChannel簡介 243
9.2.4 SharedPreferences插件源碼解析 245
9.3 混合開發(fā) 247
9.3.1 創(chuàng)建Flutter模塊 248
9.3.2 關(guān)聯(lián)原生工程 248
9.3.3 編寫混合工程代碼 249
9.3.4 熱重載混合端代碼 251
9.3.5 aar模塊化打包 252
9.4 FlutterBoost混合方案 253
9.4.1 框架的由來 253
9.4.2 使用FlutterBoost改進(jìn) 254
9.4.3 FlutterBoost源碼分析 255
本章小結(jié) 263

第10章 項(xiàng)目實(shí)戰(zhàn) 264
10.1 實(shí)戰(zhàn)一：實(shí)現(xiàn)一個(gè)招聘類App 264
10.1.1 項(xiàng)目需求與技術(shù)選型 264
10.1.2 服務(wù)端設(shè)計(jì) 265
10.1.3 Flutter基礎(chǔ)架構(gòu) 270
10.1.4 啟動(dòng)頁面 271
10.1.5 使用dio實(shí)現(xiàn)網(wǎng)絡(luò)請求 273
10.1.6 公司列表與詳情實(shí)現(xiàn) 275
10.1.7 用WebSocket實(shí)現(xiàn)聊天模塊 281
10.2 實(shí)戰(zhàn)二：實(shí)現(xiàn)異常上報(bào)系統(tǒng) 286
10.2.1 實(shí)現(xiàn)原理 286
10.2.2 FlutterError.onError和Zone 287
10.2.3 異常上報(bào)Flutter的實(shí)現(xiàn) 288
10.2.4 異常上報(bào)Android端的實(shí)現(xiàn) 290
10.2.5 服務(wù)端接收異常上報(bào) 293
10.3 實(shí)戰(zhàn)項(xiàng)目源碼 299
10.4 性能分析與輔助工具 300
本章小結(jié) 304