Flutter 跨平臺移動開發實戰

本書主要介紹Flutter框架跨平臺開發相關知識，常用學習網址的介紹、相關軟件的安裝、基本組件的使用、佈局、跳轉和路由、樣式、動畫、程序的交互和手勢識別、數據存儲與訪問、狀態管理、HTTP網絡異步訪問、與服務器端數據的交互等內容。 書中以實用為主，理論和實踐相結合，結合第三方插件，組件中屬性和方法使用的說明，從單個組件的使用到組件之間的組合，重點講解了與服務器端數據的交互。通過大量代碼的演示和講解，從小項目到一個相對完整的課程項目。能綜合運用各種組件，熟練掌握Flutter框架進行軟件項目設計開發。為了便於讀者理解，書中的每章都配發有操作和講解演示視頻。 另外，通過書中的心情驛站項目案例，詳細闡述瞭如何使用Flutter框架進行跨平臺移動開發，內容翔實、步驟清晰，為實際軟件項目開發工作提供了現實的參考解決方案。 本書可作為Flutter初學者的入門書籍，也可作為從事跨平臺移動開發的技術人員及培訓機構的參考資料。

 

目錄

 

 

 

第1章Flutter框架學習（14min）

 

1.1Flutter官方網址

 

1.2Flutter其他學習網址

 

1.3在線運行Dart和Flutter程序

 

1.4常用的學習方法

 

第2章Flutter開發環境搭建（17min）

 

2.1國內網絡環境的配置

 

2.2Git軟件的安裝

 

2.3Java軟件的安裝和開發環境的配置

 

2.4Flutter軟件的安裝和開發環境的配置

 

2.5集成開發環境的安裝和開發環境的配置

 

2.5.1Android Studio的下載和安裝

 

2.5.2VS Code的下載和安裝

 

2.6手機設備的配置

 

2.7使用Flutter Doctor命令測試運行環境

 

第3章Flutter運行環境介紹（12min）

 

3.1界面的介紹

 

3.2創建Flutter工程

 

3.3VS Code中Flutter編輯技巧

 

3.3.1組件提示功能

 

3.3.2在Flutter工程中插入和提取組件

 

3.3.3自動導入包

 

3.3.4快捷鍵的使用

 

3.4Flutter項目的分析與調試

 

3.4.1Flutter項目分析

 

3.4.2程序的調試

 

3.4.3斷言表達式

 

第4章Dart語言介紹（43min）

 

4.1在VS Code中運行Dart語言

 

4.2Dart語言基礎知識

 

4.2.1日期和時間類的用法

 

4.2.2符號!、？和??的用法

 

4.2.3final和const使用區別

 

4.2.4dynamic 和var的區別

 

4.2.5late的用法

 

4.2.6List初始化、添加元素、取值

 

4.2.7...的用法

 

4.2.8List循環輸出、匿名函數、箭頭函數

 

4.2.9List.generate的用法

 

4.2.10Set的用法

 

4.2.11Map的用法

 

4.2.12fold的用法

 

4.3面向對象編程

 

4.3.1類的定義

 

4.3.2類的執行

 

4.3.3類的繼承

 

4.3.4默認參數、可選參數、位置參數

 

4.3.5混入Mixins

 

4.3.6..的用法

 

4.3.7異常Exception

 

4.4異步操作

 

4.4.1什麽是異步

 

4.4.2Future異步的實現

 

4.4.3Streams流操作

 

第5章Flutter框架基本組件的使用（51min）

 

5.1Flutter架構組成

 

5.2MaterialApp Flutter材質應用

 

5.3Scaffold腳手架

 

5.4標題欄的顯示

 

5.5Container容器組件

 

5.6文本Text組件

 

5.7圖標Icon組件

 

5.8圖片Image組件

 

5.8.1網絡圖片的顯示

 

5.8.2顯示本地圖片

 

5.8.3加載圖片過程中，顯示進度條信息

 

5.9Flutter按鈕類型

 

5.9.1TextButton文本按鈕

 

5.9.2OutlinedButton強調按鈕

 

5.9.3ElevatedButton有陰影的按鈕

 

5.9.4IconButton圖標按鈕

 

5.9.5FloatingActionButton浮動按鈕

 

第6章理解Flutter組件（15min）

 

6.1無狀態組件類StatelessWidget

 

6.2有狀態組件StateWidget

 

6.3有狀態組件狀態類的生命周期

 

6.4ToggleButtons切換按鈕

 

6.5狀態類中的生命周期變化

 

第7章Flutter樣式（57min）

 

7.1Text文本樣式修飾

 

7.2Container容器修飾類的用法

 

7.2.1形狀修飾ShapeDecoration

 

7.2.2盒子修飾BoxDecoration

 

7.3字體的應用

 

7.4主題的使用

 

7.5國際化

 

第8章Flutter佈局（58min）

 

8.1Padding內邊距的用法

 

8.2Margin外邊距的用法

 

8.3Align對齊方式的用法

 

8.4Center居中組件的用法

 

8.5Expanded擴展組件的使用

 

8.6Flexible的使用

 

8.7Flex的使用

 

8.8Row行組件的使用

 

8.9Column列組件的使用

 

8.10Spacer組件的使用

 

8.11SingleChildScrollView

 

8.12屏幕尺寸的獲取

 

8.13屏幕的適配flutter_screenUtil

 

8.14佈局的基本原則

 

8.15佈局中組件視圖的使用

 

第9章仿銀行App首頁佈局實例（50min）

 

9.1第三方插件的使用

 

9.2屏幕設計尺寸

 

9.3標題欄的設計

 

9.4屏幕內容的滾動顯示

 

9.5按鈕功能實現

 

9.6新聞頭條

 

9.7輪播圖的顯示

 

9.8子標題的實現

 

9.9特色專區

 

9.10手機充值和網點服務

 

9.11品牌專區

 

第10章手勢識別和對話框（41min）

 

10.1Listener監聽組件

 

10.2MouseRegion鼠標區域組件

 

10.3GestureDetector手勢識別組件

 

10.4Draggable和DragTarget拖曳組件

 

10.5InkWell和InkResponse響應組件

 

10.6Dialog對話框的使用

 

10.6.1Dialog對話框基本用法

 

10.6.2AlertDialog

 

10.6.3SimpleDialog

 

10.7SnackBar底部信息提示框

 

第11章跳轉、路由（37min）

 

11.1Navigator類的使用

 

11.1.1頁面的跳轉和返回

 

11.1.2從一個頁面返回數據

 

11.1.3將數據傳遞到新的頁面

 

11.2使用命名路由

 

11.3onGenerateRoute的用法

 

11.4路由的更高級用法

 

11.5第三方路由導航插件Fluro

 

第12章JSON和Dio數據處理（17min）

 

12.1JSON數據格式及解析

 

12.2將JSON解析為Dart對象

 

12.3通過Dio請求數據

 

第13章表單和驗證（60min）

 

13.1TextFormField文本框的使用

 

13.1.1文本框的實現

 

13.1.2得到文本框的值

 

13.1.3帶有驗證功能的表單

 

13.2和服務器端的交互——註冊功能的實現

 

13.3表單中的異步處理

 

13.4日期和時間組件

 

13.5下拉列表、復選框、單選按鈕

 

13.5.1下拉列表Dropdown

 

13.5.2復選框CheckBox

 

13.5.3單選按鈕Radio

 

13.6開關組件Switch

 

13.7Slider滑塊的使用

 

13.8單選或復選組件的使用

 

第14章Flutter高級控件的使用（128min）

 

14.1Card卡片組件

 

14.2PageView組件

 

14.3Stack組件

 

14.4ListView組件

 

14.4.1ListView()的使用

 

14.4.2ListView.separated()的使用

 

14.4.3Dismissible可以滑動刪除某一項

 

14.5Drawer抽屜組件

 

14.6GridView網格視圖組件

 

14.6.1固定數量平鋪的網格視圖

 

14.6.2大量網格視圖的顯示

 

14.7TabBar選項卡式佈局

 

14.7.1選項卡在上面的佈局

 

14.7.2選項卡在底部的佈局

 

14.7.3圖片的左右滑動效果

 

14.8CustomScrollView自定義滾動視圖

 

14.9可滾動組件滾動控制及監聽

 

14.9.1滾動控制器ScrollController

 

14.9.2滾動通知和監聽

 

第15章Flutter動畫（32min）

 

15.1隱式動畫

 

15.1.1AnimatedContainer 對容器的屬性進行動畫顯示

 

15.1.2TweenAnimationBuilder的使用

 

15.2顯式動畫

 

15.2.1AlignTransition顯式動畫

 

15.2.2AnimatedBuilder的用法

 

15.2.3顯式動畫和隱式動畫的區別

 

15.3組件動畫Hero

 

15.4TweenSequence的用法

 

15.5頁面間跳轉實現動畫效果

 

15.6自定義繪圖及動畫

 

15.6.1自定義繪圖

 

15.6.2實現自定義繪圖的動畫效果

 

15.6.3動畫的視圖調試

 

15.7第三方動畫實現方式

 

第16章數據存儲與訪問（28min）

 

16.1shared_preferences插件的使用

 

16.2文件讀寫

 

16.3SqLite的使用

 

16.3.1SQL語法及常用的用法

 

16.3.2使用第三方插件sqlflite創建記事本

 

第17章Flutter狀態管理（25min）

 

17.1為什麽要使用狀態管理

 

17.2什麽是狀態

 

17.3使用InheritedWidget實現數據共享

 

17.4使用InheritedModel實現局部刷新

 

17.5使用Provider管理狀態

 

17.5.1Provider的基本使用

 

17.5.2Provider讀取方式

 

17.5.3ChangeNotifierProvider監聽值的變化

 

17.5.4通過FutureProvider異步加載數據

 

17.5.5使用StreamProvider得到時間流

 

第18章心情驛站系統框架的搭建（51min）

 

18.1系統結構

 

18.2工程結構圖

 

18.3公共組件

 

18.4第三方插件

 

18.5程序的入口類main.dart

 

18.6跳轉到啟動頁面

 

18.7網絡連接的實現

 

18.8註冊功能的實現

 

18.9主頁面底部選項卡的實現

 

18.10選項卡文本點滴的實現

 

18.11選項卡中圖片美景的實現

 

18.12選項卡“我的”的實現

 

18.12.1“我的”主程序界面的實現

 

18.12.2關於功能的實現

 

18.12.3主題的修改

 

18.12.4我的收藏功能實現

 

18.12.5個人設置功能的實現

 

18.13修改應用程序圖標

 

附錄A

 

A.1Postman的使用

 

A.2後台服務器JSON數據

 

參考文獻