Flutter跨平臺移動開發(fā)實戰(zhàn)

目錄



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

1.1Flutter官方網(wǎng)址

1.2Flutter其他學習網(wǎng)址

1.3在線運行Dart和Flutter程序

1.4常用的學習方法

第2章Flutter開發(fā)環(huán)境搭建（17min）

2.1國內(nèi)網(wǎng)絡(luò)環(huán)境的配置

2.2Git軟件的安裝

2.3Java軟件的安裝和開發(fā)環(huán)境的配置

2.4Flutter軟件的安裝和開發(fā)環(huán)境的配置

2.5集成開發(fā)環(huán)境的安裝和開發(fā)環(huán)境的配置

2.5.1Android Studio的下載和安裝

2.5.2VS Code的下載和安裝

2.6手機設(shè)備的配置

2.7使用Flutter Doctor命令測試運行環(huán)境

第3章Flutter運行環(huán)境介紹（12min）

3.1界面的介紹

3.2創(chuàng)建Flutter工程

3.3VS Code中Flutter編輯技巧

3.3.1組件提示功能

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

3.3.3自動導入包

3.3.4快捷鍵的使用

3.4Flutter項目的分析與調(diào)試

3.4.1Flutter項目分析

3.4.2程序的調(diào)試

3.4.3斷言表達式

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

4.1在VS Code中運行Dart語言

4.2Dart語言基礎(chǔ)知識

4.2.1日期和時間類的用法

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

4.2.3final和const使用區(qū)別

4.2.4dynamic 和var的區(qū)別

4.2.5late的用法

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

4.2.7...的用法

4.2.8List循環(huán)輸出、匿名函數(shù)、箭頭函數(shù)

4.2.9List.generate的用法

4.2.10Set的用法

4.2.11Map的用法

4.2.12fold的用法

4.3面向?qū)ο缶幊?br />
4.3.1類的定義

4.3.2類的執(zhí)行

4.3.3類的繼承

4.3.4默認參數(shù)、可選參數(shù)、位置參數(shù)

4.3.5混入Mixins

4.3.6..的用法

4.3.7異常Exception

4.4異步操作

4.4.1什么是異步

4.4.2Future異步的實現(xiàn)

4.4.3Streams流操作

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

5.1Flutter架構(gòu)組成

5.2MaterialApp Flutter材質(zhì)應(yīng)用

5.3Scaffold腳手架

5.4標題欄的顯示

5.5Container容器組件

5.6文本Text組件

5.7圖標Icon組件

5.8圖片Image組件

5.8.1網(wǎng)絡(luò)圖片的顯示

5.8.2顯示本地圖片

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

5.9Flutter按鈕類型

5.9.1TextButton文本按鈕

5.9.2OutlinedButton強調(diào)按鈕

5.9.3ElevatedButton有陰影的按鈕

5.9.4IconButton圖標按鈕

5.9.5FloatingActionButton浮動按鈕

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

6.1無狀態(tài)組件類StatelessWidget

6.2有狀態(tài)組件StateWidget

6.3有狀態(tài)組件狀態(tài)類的生命周期

6.4ToggleButtons切換按鈕

6.5狀態(tài)類中的生命周期變化

第7章Flutter樣式（57min）

7.1Text文本樣式修飾

7.2Container容器修飾類的用法

7.2.1形狀修飾ShapeDecoration

7.2.2盒子修飾BoxDecoration

7.3字體的應(yīng)用

7.4主題的使用

7.5國際化

第8章Flutter布局（58min）

8.1Padding內(nèi)邊距的用法

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屏幕設(shè)計尺寸

9.3標題欄的設(shè)計

9.4屏幕內(nèi)容的滾動顯示

9.5按鈕功能實現(xiàn)

9.6新聞頭條

9.7輪播圖的顯示

9.8子標題的實現(xiàn)

9.9特色專區(qū)

9.10手機充值和網(wǎng)點服務(wù)

9.11品牌專區(qū)

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

10.1Listener監(jiān)聽組件

10.2MouseRegion鼠標區(qū)域組件

10.3GestureDetector手勢識別組件

10.4Draggable和DragTarget拖曳組件

10.5InkWell和InkResponse響應(yīng)組件

10.6Dialog對話框的使用

10.6.1Dialog對話框基本用法

10.6.2AlertDialog

10.6.3SimpleDialog

10.7SnackBar底部信息提示框

第11章跳轉(zhuǎn)、路由（37min）

11.1Navigator類的使用

11.1.1頁面的跳轉(zhuǎn)和返回

11.1.2從一個頁面返回數(shù)據(jù)

11.1.3將數(shù)據(jù)傳遞到新的頁面

11.2使用命名路由

11.3onGenerateRoute的用法

11.4路由的更高級用法

11.5第三方路由導航插件Fluro

第12章JSON和Dio數(shù)據(jù)處理（17min）

12.1JSON數(shù)據(jù)格式及解析

12.2將JSON解析為Dart對象

12.3通過Dio請求數(shù)據(jù)

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

13.1TextFormField文本框的使用

13.1.1文本框的實現(xiàn)

13.1.2得到文本框的值

13.1.3帶有驗證功能的表單

13.2和服務(wù)器端的交互——注冊功能的實現(xiàn)

13.3表單中的異步處理

13.4日期和時間組件

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

13.5.1下拉列表Dropdown

13.5.2復選框CheckBox

13.5.3單選按鈕Radio

13.6開關(guān)組件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網(wǎng)格視圖組件

14.6.1固定數(shù)量平鋪的網(wǎng)格視圖

14.6.2大量網(wǎng)格視圖的顯示

14.7TabBar選項卡式布局

14.7.1選項卡在上面的布局

14.7.2選項卡在底部的布局

14.7.3圖片的左右滑動效果

14.8CustomScrollView自定義滾動視圖

14.9可滾動組件滾動控制及監(jiān)聽

14.9.1滾動控制器ScrollController

14.9.2滾動通知和監(jiān)聽

第15章Flutter動畫（32min）

15.1隱式動畫

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

15.1.2TweenAnimationBuilder的使用

15.2顯式動畫

15.2.1AlignTransition顯式動畫

15.2.2AnimatedBuilder的用法

15.2.3顯式動畫和隱式動畫的區(qū)別

15.3組件動畫Hero

15.4TweenSequence的用法

15.5頁面間跳轉(zhuǎn)實現(xiàn)動畫效果

15.6自定義繪圖及動畫

15.6.1自定義繪圖

15.6.2實現(xiàn)自定義繪圖的動畫效果

15.6.3動畫的視圖調(diào)試

15.7第三方動畫實現(xiàn)方式

第16章數(shù)據(jù)存儲與訪問（28min）

16.1shared_preferences插件的使用

16.2文件讀寫

16.3SqLite的使用

16.3.1SQL語法及常用的用法

16.3.2使用第三方插件sqlflite創(chuàng)建記事本

第17章Flutter狀態(tài)管理（25min）

17.1為什么要使用狀態(tài)管理

17.2什么是狀態(tài)

17.3使用InheritedWidget實現(xiàn)數(shù)據(jù)共享

17.4使用InheritedModel實現(xiàn)局部刷新

17.5使用Provider管理狀態(tài)

17.5.1Provider的基本使用

17.5.2Provider讀取方式

17.5.3ChangeNotifierProvider監(jiān)聽值的變化

17.5.4通過FutureProvider異步加載數(shù)據(jù)

17.5.5使用StreamProvider得到時間流

第18章心情驛站系統(tǒng)框架的搭建（51min）

18.1系統(tǒng)結(jié)構(gòu)

18.2工程結(jié)構(gòu)圖

18.3公共組件

18.4第三方插件

18.5程序的入口類main.dart

18.6跳轉(zhuǎn)到啟動頁面

18.7網(wǎng)絡(luò)連接的實現(xiàn)

18.8注冊功能的實現(xiàn)

18.9主頁面底部選項卡的實現(xiàn)

18.10選項卡文本點滴的實現(xiàn)

18.11選項卡中圖片美景的實現(xiàn)

18.12選項卡“我的”的實現(xiàn)

18.12.1“我的”主程序界面的實現(xiàn)

18.12.2關(guān)于功能的實現(xiàn)

18.12.3主題的修改

18.12.4我的收藏功能實現(xiàn)

18.12.5個人設(shè)置功能的實現(xiàn)

18.13修改應(yīng)用程序圖標

附錄A

A.1Postman的使用

A.2后臺服務(wù)器JSON數(shù)據(jù)

參考文獻