Flutter技術(shù)入門與實戰(zhàn)

前言

第1章　開啟Flutter之旅  1

1.1　Flutter的特點與核心概念  1

1.1.1　一切皆為組件  2

1.1.2　組件嵌套  2

1.1.3　構(gòu)建Widget  3

1.1.4　處理用戶交互  4

1.1.5　什么是狀態(tài)  4

1.1.6　分層的框架  5

1.2　開發(fā)環(huán)境搭建  5

1.2.1　Windows環(huán)境搭建  5

1.2.2　MacOS環(huán)境搭建  11

1.3　第一個Flutter程序  17

第2章　Flutter基礎(chǔ)知識  23

2.1　入口程序  23

2.2　Material Design設(shè)計風(fēng)格  24

2.3　Flutter主題  24

2.3.1　創(chuàng)建應(yīng)用主題  24

2.3.2　局部主題  26

2.3.3　使用主題  27

2.4　無狀態(tài)組件和有狀態(tài)組件  28

2.5　使用包資源  31

2.6　Http請求  34

第3章　Dart語言簡述  40

3.1　Dart重要概念與常用開發(fā)庫  40

3.2　變量與基本數(shù)據(jù)類型  43

3.3　函數(shù)  46

3.4　運算符  47

3.5　流程控制語句  51

3.6　異常處理  54

3.7　面向?qū)ο?nbsp; 55

3.7.1　實例化成員變量  55

3.7.2　構(gòu)造函數(shù)  56

3.7.3　讀取和寫入對象  57

3.7.4　重載操作  58

3.7.5　繼承類  59

3.7.6　抽象類  60

3.7.7　枚舉類型  62

3.7.8　Mixins  62

3.8　泛型  63

3.9　庫的使用  64

3.10　異步支持  65

3.11　元數(shù)據(jù)  65

3.12　注釋  67

第4章　常用組件  68

4.1　容器組件  68

4.2　圖片組件  70

4.3　文本組件  72

4.4　圖標(biāo)及按鈕組件  74

4.4.1　圖標(biāo)組件  74

4.4.2　圖標(biāo)按鈕組件  75

4.4.3　凸起按鈕組件  77

4.5　列表組件  78

4.5.1　基礎(chǔ)列表組件  78

4.5.2　水平列表組件  80

4.5.3　長列表組件  82

4.5.4　網(wǎng)格列表組件  83

4.6　表單組件  84

第5章　Material Design風(fēng)格組件  88

5.1　App結(jié)構(gòu)和導(dǎo)航組件  89

5.1.1　MaterialApp（應(yīng)用組件）  89

5.1.2　Scaffold（腳手架組件）  94

5.1.3　AppBar（應(yīng)用按鈕組件）  95

5.1.4　BottomNavigationBar（底部導(dǎo)航條組件）  97

5.1.5　TabBar（水平選項卡及視圖組件）  99

5.1.6　Drawer（抽屜組件）  104

5.2　按鈕和提示組件  107

5.2.1　FloatingActionButton（懸停按鈕組件）  107

5.2.2　FlatButton（扁平按鈕組件）  109

5.2.3　PopupMenuButton（彈出菜單組件）  110

5.2.4　SimpleDialog（簡單對話框組件）  112

5.2.5　AlertDialog（提示對話框組件）  113

5.2.6　SnackBar（輕量提示組件）  115

5.3　其他組件  116

5.3.1　TextField（文本框組件）  117

5.3.2　Card（卡片組件）  119

第6章　Cupertino風(fēng)格組件  122

6.1　CupertinoActivityIndicator組件  122

6.2　CupertinoAlertDialog對話框組件  123

6.3　CupertinoButton按鈕組件  124

6.4　Cupertino導(dǎo)航組件集  125

第7章　頁面布局  132

7.1　基礎(chǔ)布局處理  133

7.1.1　Container（容器布局）  133

7.1.2　Center（居中布局）  137

7.1.3　Padding（填充布局）  138

7.1.4　Align（對齊布局）  140

7.1.5　Row（水平布局）  143

7.1.6　Column（垂直布局）  144

7.1.7　FittedBox（縮放布局）  146

7.1.8　Stack/Alignment  149

7.1.9　Stack/Positioned  151

7.1.10　IndexedStack  153

7.1.11　OverflowBox溢出父容器顯示  155

7.2　寬高尺寸處理  156

7.2.1　SizedBox（設(shè)置具體尺寸）  156

7.2.2　ConstrainedBox（限定最大最小寬高布局）  158

7.2.3　LimitedBox（限定最大寬高布局）  159

7.2.4　AspectRatio（調(diào)整寬高比）  160

7.2.5　FractionallySizedBox（百分比布局）  162

7.3　列表及表格布局  163

7.3.1　ListView  164

7.3.2　GridView  166

7.3.3　Table  167

7.4　其他布局處理  169

7.4.1　Transform（矩陣轉(zhuǎn)換）  169

7.4.2　Baseline（基準(zhǔn)線布局）  171

7.4.3　Offstage（控制是否顯示組件）  172

7.4.4　Wrap（按寬高自動換行布局）  174

7.5　布局綜合示例  177

7.5.1　布局分析  177

7.5.2　準(zhǔn)備素材  179

7.5.3　編寫代碼  180

第8章　手勢  185

8.1　用GestureDetector進行手勢檢測  185

8.2　用Dismissible實現(xiàn)滑動刪除  187

第9章　資源和圖片  190

9.1　添加資源和圖片  190

9.1.1　指定assets  190

9.1.2　加載assets  191

9.1.3　平臺assets  193

9.2　自定義字體  195

第10章　路由及導(dǎo)航  198

10.1　頁面跳轉(zhuǎn)基本使用  198

10.2　頁面跳轉(zhuǎn)發(fā)送數(shù)據(jù)  201

10.3　頁面跳轉(zhuǎn)返回數(shù)據(jù)  204

第11章　組件裝飾和視覺效果  208

11.1　Opacity（透明度處理）  208

11.2　DecoratedBox（裝飾盒子）  210

11.3　RotatedBox（旋轉(zhuǎn)盒子）  217

11.4　Clip（剪裁處理）  217

11.5　案例—自定義畫板  222

第12章　動畫  241

12.1　用AnimatedOpacity實現(xiàn)漸變效果  241

12.2　用Hero實現(xiàn)頁面切換動畫  243

第13章　Flutter插件開發(fā)  246

13.1　新建插件  246

13.2　運行插件  249

13.3　示例代碼分析  250

第14章　開發(fā)工具及使用技巧  259

14.1　IDE集成開發(fā)環(huán)境  259

14.1.1　Android Studio / IntelliJ  259

14.1.2　Visual Studio Code  267

14.2　Flutter SDK  274

14.3　使用熱重載  275

14.4　格式化代碼  276