Flutter入門經典

目 錄

第 I 部分 Flutter編程基礎
第1章 Flutter入門 3
1.1 Flutter簡介 4
1.2 理解Widget生命周期事件 5
1.2.1 StatelessWidget生命周期 5
1.2.2 StatefulWidget生命周期 6
1.3 理解Widget樹和Element樹 8
1.3.1 StatelessWidget和Element樹 9
1.3.2 StatefulWidget和Element樹 10
1.4 安裝Flutter SDK 13
1.4.1 在macOS上進行安裝 13
1.4.2 在Windows上進行安裝 15
1.4.3 在Linux上進行安裝 17
1.5 配置Android Studio編輯器 19
1.6 本章小結 20
1.7 本章知識點回顧 20
第2章 創(chuàng)建一個Hello World應用 23
2.1 設置項目 23
2.2 使用熱重載 27
2.3 使用主題將應用樣式化 30
2.3.1 使用全局應用主題 30
2.3.2 將主題用于應用的局部 32
2.4 理解StatelessWidget和StatefulWidget 34
2.5 使用外部包 36
2.5.1 搜索包 36
2.5.2 使用包 37
2.6 本章小結 38
2.7 本章知識點回顧 38
第3章 學習Dart基礎知識 39
3.1 為何使用Dart？ 39
3.2 代碼注釋 40
3.3 運行main()入口點 41
3.4 變量引用 41
3.5 變量聲明 42
3.5.1 數(shù)字 43
3.5.2 String 43
3.5.3 Boolean 43
3.5.4 List 44
3.5.5 Map 44
3.5.6 Runes 45
3.6 使用運算符 45
3.7 使用流程語句 47
3.7.1 if和else 47
3.7.2 三元運算符 48
3.7.3 for循環(huán) 48
3.7.4 while和do-while 49
3.7.5 while和break 50
3.7.6 continue 50
3.7.7 switch和case 51
3.8 使用函數(shù) 52
3.9 導入包 53
3.10 使用類 54
3.10.1 類繼承 57
3.10.2 類混合 57
3.11 實現(xiàn)異步編程 58
3.12 本章小結 59
3.13 本章知識點回顧 60

第4章 創(chuàng)建一個初學者項目模板 61
4.1 創(chuàng)建和組織文件夾與文件 61
4.2 結構化Widget 64
4.3 本章小結 69
4.4 本章知識點回顧 70
第5章 理解Widget樹 71
5.1 Widget介紹 71
5.2 構建完整的Widget樹 73
5.3 構建淺層Widget樹 80
5.3.1 使用常量進行重構 80
5.3.2 使用方法進行重構 81
5.3.3 使用Widget類進行重構 87
5.4 本章小結 95
5.5 本章知識點回顧 95

第 II 部分 充當媒介的Flutter：具象化一個應用
第6章 使用常用Widget 99
6.1 使用基礎Widget 99
6.1.1 SafeArea 103
6.1.2 Container 104
6.1.3 Text 108
6.1.4 RichText 109
6.1.5 Column 111
6.1.6 Row 112
6.1.7 Button 117
6.2 使用圖片和圖標 129
6.2.1 AssetBundle 129
6.2.2 Image 129
6.2.3 Icon 131
6.3 使用裝飾 134
6.4 使用Form Widget驗證文本框 139
6.5 檢查設備方向 143
6.6 本章小結 150
6.7 本章知識點回顧 150
第7章 為應用添加動畫效果 151
7.1 使用AnimatedContainer 151
7.2 使用AnimatedCrossFade 155
7.3 使用AnimatedOpacity 160
7.4 使用AnimationController 164
7.5 本章小結 175
7.6 本章知識點回顧 176
第8章 創(chuàng)建應用的導航 177
8.1 使用Navigator 178
8.2 使用Hero(飛行)動畫 189
8.3 使用BottomNavigationBar 194
8.4 使用BottomAppBar 201
8.5 使用TabBar和TabBarView 205
8.6 使用Drawer和ListView 211
8.7 本章小結 221
8.8 本章知識點回顧 222
第9章 創(chuàng)建滾動列表和效果 223
9.1 使用Card 223
9.2 使用ListView和ListTile 225
9.3 使用GridView 232
9.3.1 使用GridView.count 234
9.3.2 使用GridView.extent 235
9.3.3 使用GridView.builder 236
9.4 使用Stack 240
9.5 使用Sliver(薄片)自定義CustomScrollView 247
9.6 本章小結 256
9.7 本章知識點回顧 256
第10章 構建布局 257
10.1 布局的概要視圖 257
10.1.1 天氣區(qū)域布局 259
10.1.2 標簽布局 259
10.1.3 頁腳圖片布局 260
10.1.4 最終布局 260
10.2 創(chuàng)建布局 261
10.3 本章小結 269
10.4 本章知識點回顧 269
第11章 應用交互性 271
11.1 設置GestureDetector：基本處理 271
11.2 實現(xiàn)Draggable和DragTarget Widget 278
11.3 使用GestureDetector檢測移動和縮放 282
11.4 使用InkWell和InkResponse手勢 293
11.5 使用Dismissible Widget 299
11.6 本章小結 306
11.7 本章知識點回顧 307
第12章 編寫平臺原生代碼 309
12.1 理解平臺通道 309
12.2 實現(xiàn)客戶端平臺通道應用 310
12.3 實現(xiàn)iOS主機端平臺通道 315
12.4 實現(xiàn)Android主機端平臺通道 319
12.5 本章小結 323
12.6 本章知識點回顧 324

第 III 部分 創(chuàng)建可用于生產環(huán)境的應用
第13章 使用本地持久化保存數(shù)據(jù) 327
13.1 理解JSON格式 328
13.2 使用數(shù)據(jù)庫類來寫入、讀取和序列化JSON 330
13.3 格式化日期 331
13.4 對日期列表進行排序 332
13.5 使用FutureBuilder檢索數(shù)據(jù) 333
13.6 構建日記應用 335
13.6.1 添加日記數(shù)據(jù)庫類 339
13.6.2 添加日記條目頁 345
13.6.3 完成日記主頁面 362
13.7 本章小結 377
13.8 本章知識點回顧 378
第14章 添加Firebase和Firestore后端 381
14.1 Firebase和Cloud Firestore是什么？ 382
14.1.1 對Cloud Firestore進行結構化和數(shù)據(jù)建模 383
14.1.2 查看Firebase身份驗證能力 385
14.1.3 查看Cloud Firestore安全規(guī)則 387
14.2 配置Firebase項目 388
14.3 添加一個Cloud Firestore數(shù)據(jù)庫并實現(xiàn)安全規(guī)則 395
14.4 構建客戶端日記應用 398
14.4.1 將身份驗證和Cloud Firestore包添加到客戶端應用 399
14.4.2 為客戶端應用添加基礎布局 405
14.4.3 為客戶端應用添加類 409
14.5 本章小結 412
14.6 本章知識點回顧 413
第15章 為Firestore客戶端應用添加狀態(tài)管理 415
15.1 實現(xiàn)狀態(tài)管理 416
15.1.1 實現(xiàn)一個抽象類 417
15.1.2 實現(xiàn)InheritedWidget 419
15.1.3 實現(xiàn)模型類 420
15.1.4 實現(xiàn)服務類 421
15.1.5 實現(xiàn)BLoC模式 422
15.1.6 實現(xiàn)StreamController、Stream、Sink和StreamBuilder 423
15.2 構建狀態(tài)管理 425
15.2.1 添加Journal模型類 427
15.2.2 添加服務類 428
15.2.3 添加Validators類 435
15.2.4 添加BLoC模式 436
15.3 本章小結 455
15.4 本章知識點回顧 455
第16章 為Firestore客戶端應用頁面添加BLoC 457
16.1 添加登錄頁 458
16.2 修改主頁面 464
16.3 修改主頁 468
16.4 添加編輯日記頁面 476
16.5 本章小結 489
16.6 本章知識點回顧 490