Flutter跨平臺(tái)移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)

目錄



第1章Flutter框架學(xué)習(xí)（14min）

1.1Flutter官方網(wǎng)址

1.2Flutter其他學(xué)習(xí)網(wǎng)址

1.3在線運(yùn)行Dart和Flutter程序

1.4常用的學(xué)習(xí)方法

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

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

2.2Git軟件的安裝

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

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

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

2.5.1Android Studio的下載和安裝

2.5.2VS Code的下載和安裝

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

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

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

3.1界面的介紹

3.2創(chuàng)建Flutter工程

3.3VS Code中Flutter編輯技巧

3.3.1組件提示功能

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

3.3.3自動(dòng)導(dǎo)入包

3.3.4快捷鍵的使用

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

3.4.1Flutter項(xiàng)目分析

3.4.2程序的調(diào)試

3.4.3斷言表達(dá)式

第4章Dart語(yǔ)言介紹（43min）

4.1在VS Code中運(yùn)行Dart語(yǔ)言

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

4.2.1日期和時(shí)間類的用法

4.2.2符號(hào)!、？和??的用法

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默認(rèn)參數(shù)、可選參數(shù)、位置參數(shù)

4.3.5混入Mixins

4.3.6..的用法

4.3.7異常Exception

4.4異步操作

4.4.1什么是異步

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

4.4.3Streams流操作

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

5.1Flutter架構(gòu)組成

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

5.3Scaffold腳手架

5.4標(biāo)題欄的顯示

5.5Container容器組件

5.6文本Text組件

5.7圖標(biāo)Icon組件

5.8圖片Image組件

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

5.8.2顯示本地圖片

5.8.3加載圖片過(guò)程中，顯示進(jìn)度條信息

5.9Flutter按鈕類型

5.9.1TextButton文本按鈕

5.9.2OutlinedButton強(qiáng)調(diào)按鈕

5.9.3ElevatedButton有陰影的按鈕

5.9.4IconButton圖標(biāo)按鈕

5.9.5FloatingActionButton浮動(dòng)按鈕

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

6.1無(wú)狀態(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國(guó)際化

第8章Flutter布局（58min）

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

8.2Margin外邊距的用法

8.3Align對(duì)齊方式的用法

8.4Center居中組件的用法

8.5Expanded擴(kuò)展組件的使用

8.6Flexible的使用

8.7Flex的使用

8.8Row行組件的使用

8.9Column列組件的使用

8.10Spacer組件的使用

8.11SingleChildScrollView

8.12屏幕尺寸的獲取

8.13屏幕的適配flutter_screenUtil

8.14布局的基本原則

8.15布局中組件視圖的使用

第9章仿銀行App首頁(yè)布局實(shí)例（50min）

9.1第三方插件的使用

9.2屏幕設(shè)計(jì)尺寸

9.3標(biāo)題欄的設(shè)計(jì)

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

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

9.6新聞?lì)^條

9.7輪播圖的顯示

9.8子標(biāo)題的實(shí)現(xiàn)

9.9特色專區(qū)

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

9.11品牌專區(qū)

第10章手勢(shì)識(shí)別和對(duì)話框（41min）

10.1Listener監(jiān)聽(tīng)組件

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

10.3GestureDetector手勢(shì)識(shí)別組件

10.4Draggable和DragTarget拖曳組件

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

10.6Dialog對(duì)話框的使用

10.6.1Dialog對(duì)話框基本用法

10.6.2AlertDialog

10.6.3SimpleDialog

10.7SnackBar底部信息提示框

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

11.1Navigator類的使用

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

11.1.2從一個(gè)頁(yè)面返回?cái)?shù)據(jù)

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

11.2使用命名路由

11.3onGenerateRoute的用法

11.4路由的更高級(jí)用法

11.5第三方路由導(dǎo)航插件Fluro

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

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

12.2將JSON解析為Dart對(duì)象

12.3通過(guò)Dio請(qǐng)求數(shù)據(jù)

第13章表單和驗(yàn)證（60min）

13.1TextFormField文本框的使用

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

13.1.2得到文本框的值

13.1.3帶有驗(yàn)證功能的表單

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

13.3表單中的異步處理

13.4日期和時(shí)間組件

13.5下拉列表、復(fù)選框、單選按鈕

13.5.1下拉列表Dropdown

13.5.2復(fù)選框CheckBox

13.5.3單選按鈕Radio

13.6開(kāi)關(guān)組件Switch

13.7Slider滑塊的使用

13.8單選或復(fù)選組件的使用

第14章Flutter高級(jí)控件的使用（128min）

14.1Card卡片組件

14.2PageView組件

14.3Stack組件

14.4ListView組件

14.4.1ListView()的使用

14.4.2ListView.separated()的使用

14.4.3Dismissible可以滑動(dòng)刪除某一項(xiàng)

14.5Drawer抽屜組件

14.6GridView網(wǎng)格視圖組件

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

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

14.7TabBar選項(xiàng)卡式布局

14.7.1選項(xiàng)卡在上面的布局

14.7.2選項(xiàng)卡在底部的布局

14.7.3圖片的左右滑動(dòng)效果

14.8CustomScrollView自定義滾動(dòng)視圖

14.9可滾動(dòng)組件滾動(dòng)控制及監(jiān)聽(tīng)

14.9.1滾動(dòng)控制器ScrollController

14.9.2滾動(dòng)通知和監(jiān)聽(tīng)

第15章Flutter動(dòng)畫(huà)（32min）

15.1隱式動(dòng)畫(huà)

15.1.1AnimatedContainer 對(duì)容器的屬性進(jìn)行動(dòng)畫(huà)顯示

15.1.2TweenAnimationBuilder的使用

15.2顯式動(dòng)畫(huà)

15.2.1AlignTransition顯式動(dòng)畫(huà)

15.2.2AnimatedBuilder的用法

15.2.3顯式動(dòng)畫(huà)和隱式動(dòng)畫(huà)的區(qū)別

15.3組件動(dòng)畫(huà)Hero

15.4TweenSequence的用法

15.5頁(yè)面間跳轉(zhuǎn)實(shí)現(xiàn)動(dòng)畫(huà)效果

15.6自定義繪圖及動(dòng)畫(huà)

15.6.1自定義繪圖

15.6.2實(shí)現(xiàn)自定義繪圖的動(dòng)畫(huà)效果

15.6.3動(dòng)畫(huà)的視圖調(diào)試

15.7第三方動(dòng)畫(huà)實(shí)現(xiàn)方式

第16章數(shù)據(jù)存儲(chǔ)與訪問(wèn)（28min）

16.1shared_preferences插件的使用

16.2文件讀寫(xiě)

16.3SqLite的使用

16.3.1SQL語(yǔ)法及常用的用法

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

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

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

17.2什么是狀態(tài)

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

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

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

17.5.1Provider的基本使用

17.5.2Provider讀取方式

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

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

17.5.5使用StreamProvider得到時(shí)間流

第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)到啟動(dòng)頁(yè)面

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

18.8注冊(cè)功能的實(shí)現(xiàn)

18.9主頁(yè)面底部選項(xiàng)卡的實(shí)現(xiàn)

18.10選項(xiàng)卡文本點(diǎn)滴的實(shí)現(xiàn)

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

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

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

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

18.12.3主題的修改

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

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

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

附錄A

A.1Postman的使用

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

參考文獻(xiàn)