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

前言

第1章　開(kāi)啟Flutter之旅  1

1.1　Flutter的特點(diǎn)與核心概念  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　開(kāi)發(fā)環(huán)境搭建  5

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

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

1.3　第一個(gè)Flutter程序  17

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

2.1　入口程序  23

2.2　Material Design設(shè)計(jì)風(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　無(wú)狀態(tài)組件和有狀態(tài)組件  28

2.5　使用包資源  31

2.6　Http請(qǐng)求  34

第3章　Dart語(yǔ)言簡(jiǎn)述  40

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

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

3.3　函數(shù)  46

3.4　運(yùn)算符  47

3.5　流程控制語(yǔ)句  51

3.6　異常處理  54

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

3.7.1　實(shí)例化成員變量  55

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

3.7.3　讀取和寫入對(duì)象  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　庫(kù)的使用  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　長(zhǎng)列表組件  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（水平選項(xiàng)卡及視圖組件）  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（簡(jiǎn)單對(duì)話框組件）  112

5.2.5　AlertDialog（提示對(duì)話框組件）  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對(duì)話框組件  123

6.3　CupertinoButton按鈕組件  124

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

第7章　頁(yè)面布局  132

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

7.1.1　Container（容器布局）  133

7.1.2　Center（居中布局）  137

7.1.3　Padding（填充布局）  138

7.1.4　Align（對(duì)齊布局）  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（按寬高自動(dòng)換行布局）  174

7.5　布局綜合示例  177

7.5.1　布局分析  177

7.5.2　準(zhǔn)備素材  179

7.5.3　編寫代碼  180

第8章　手勢(shì)  185

8.1　用GestureDetector進(jìn)行手勢(shì)檢測(cè)  185

8.2　用Dismissible實(shí)現(xiàn)滑動(dòng)刪除  187

第9章　資源和圖片  190

9.1　添加資源和圖片  190

9.1.1　指定assets  190

9.1.2　加載assets  191

9.1.3　平臺(tái)assets  193

9.2　自定義字體  195

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

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

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

10.3　頁(yè)面跳轉(zhuǎn)返回?cái)?shù)據(jù)  204

第11章　組件裝飾和視覺(jué)效果  208

11.1　Opacity（透明度處理）  208

11.2　DecoratedBox（裝飾盒子）  210

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

11.4　Clip（剪裁處理）  217

11.5　案例—自定義畫(huà)板  222

第12章　動(dòng)畫(huà)  241

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

12.2　用Hero實(shí)現(xiàn)頁(yè)面切換動(dòng)畫(huà)  243

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

13.1　新建插件  246

13.2　運(yùn)行插件  249

13.3　示例代碼分析  250

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

14.1　IDE集成開(kāi)發(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