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數據

 

參考文獻