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

前言

第1章　開啟Flutter之旅  1

1.1　Flutter的特點與核心概念  1

1.1.1　一切皆為組件  2

1.1.2　組件嵌套  2

1.1.3　構建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基礎知識  23

2.1　入口程序  23

2.2　Material Design設計風格  24

2.3　Flutter主題  24

2.3.1　創(chuà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　變量與基本數據類型  43

3.3　函數  46

3.4　運算符  47

3.5　流程控制語句  51

3.6　異常處理  54

3.7　面向對象  55

3.7.1　實例化成員變量  55

3.7.2　構造函數  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　元數據  65

3.12　注釋  67

第4章　常用組件  68

4.1　容器組件  68

4.2　圖片組件  70

4.3　文本組件  72

4.4　圖標及按鈕組件  74

4.4.1　圖標組件  74

4.4.2　圖標按鈕組件  75

4.4.3　凸起按鈕組件  77

4.5　列表組件  78

4.5.1　基礎列表組件  78

4.5.2　水平列表組件  80

4.5.3　長列表組件  82

4.5.4　網格列表組件  83

4.6　表單組件  84

第5章　Material Design風格組件  88

5.1　App結構和導航組件  89

5.1.1　MaterialApp（應用組件）  89

5.1.2　Scaffold（腳手架組件）  94

5.1.3　AppBar（應用按鈕組件）  95

5.1.4　BottomNavigationBar（底部導航條組件）  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風格組件  122

6.1　CupertinoActivityIndicator組件  122

6.2　CupertinoAlertDialog對話框組件  123

6.3　CupertinoButton按鈕組件  124

6.4　Cupertino導航組件集  125

第7章　頁面布局  132

7.1　基礎布局處理  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（設置具體尺寸）  156

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

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

7.2.4　AspectRatio（調整寬高比）  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（矩陣轉換）  169

7.4.2　Baseline（基準線布局）  171

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

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

7.5　布局綜合示例  177

7.5.1　布局分析  177

7.5.2　準備素材  179

7.5.3　編寫代碼  180

第8章　手勢  185

8.1　用GestureDetector進行手勢檢測  185

8.2　用Dismissible實現滑動刪除  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章　路由及導航  198

10.1　頁面跳轉基本使用  198

10.2　頁面跳轉發(fā)送數據  201

10.3　頁面跳轉返回數據  204

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

11.1　Opacity（透明度處理）  208

11.2　DecoratedBox（裝飾盒子）  210

11.3　RotatedBox（旋轉盒子）  217

11.4　Clip（剪裁處理）  217

11.5　案例—自定義畫板  222

第12章　動畫  241

12.1　用AnimatedOpacity實現漸變效果  241

12.2　用Hero實現頁面切換動畫  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