Flutter教程_Dart Flutter入門(mén)實(shí)戰(zhàn)系列視頻教程-2019年5月錄制（已更新39講）

show0p

Flutter教程_Dart Flutter入門(mén)實(shí)戰(zhàn)系列視頻教程-2019年5月錄制（已更新39講）

游客，如果您要查看本帖隱藏內(nèi)容請(qǐng)回復(fù)

Dart介紹：

Dart是由谷歌開(kāi)發(fā)的計(jì)算機(jī)編程語(yǔ)言,它可以被用于web、服務(wù)器、移動(dòng)應(yīng)用 和物聯(lián)網(wǎng)等領(lǐng)域的開(kāi)發(fā)。
Dart誕生于2011年，號(hào)稱要取代JavaScript。但是過(guò)去的幾年中一直不溫不火。直到Flutter的出現(xiàn)現(xiàn)在被人們重新重視。
要學(xué)Flutter的話我們必須首先得會(huì)Dart。Flutter是谷歌公司開(kāi)發(fā)的一款開(kāi)源、免費(fèi)的移動(dòng)UI框架，可以讓我們快速的在Android和iOS上構(gòu)建高質(zhì)量App。它最大的特點(diǎn)就是跨平臺(tái)、以及高性能。


由于谷歌的推廣,以及國(guó)內(nèi)阿里的閑魚(yú)App是Flutter開(kāi)發(fā)的。所以Flutter目前（2019年5月22）關(guān)注度非常高的框架。所以非常有必要學(xué)習(xí)。因?yàn)榇蠹叶荚趯W(xué)，我們不學(xué)是不是就有點(diǎn)Out了。

Dart教程目錄介紹：

一、 Dart介紹 Win Mac上面分別搭建Dart環(huán)境  開(kāi)發(fā)工具配置 以及運(yùn)行Dart（7分19秒）
1、Dart介紹
2、Dart Win Mac環(huán)境搭建
3、Dart 開(kāi)發(fā)工具配置
4、運(yùn)行Dart



二、Dart 入口文件介紹 Dart打印 Dart注釋  Dart變量 常量申明 變量命名規(guī)則（17分46秒）
1、Dart 入口方法main方法介紹
2、Dart打印內(nèi)容
3、Dart注釋  
4、Dart定義變量
5、Dart常量申明
6、Dart變量命名規(guī)則



三、Dart的數(shù)據(jù)類型詳解  int double String bool List Maps(26分13秒)
1、Dart 字符串類型
2、Dart 數(shù)值類型
3、Dart 布爾類型
4、Dart List集合類型
5、Dart Map類型
6、Dart 類型判斷



四、Dart運(yùn)算符 條件表達(dá)式 Dart類型轉(zhuǎn)換（35分 6秒）
1、Dart 算術(shù)運(yùn)算符
2、Dart關(guān)系運(yùn)算符
3、Dart邏輯運(yùn)算符
4、Dart賦值運(yùn)算符
5、Dart條件表達(dá)式 if else  switch case
6、Dart 類型轉(zhuǎn)換

五、Dart 循環(huán)語(yǔ)句 for while do...while  break continue 多維列表循環(huán)(37分29秒)
1、for基本語(yǔ)法
2、for遍歷集合
3、for循環(huán)嵌套
4、 while do...while
5、break continue用法區(qū)別

六、Dart 集合類型List Set Map詳解 以及循環(huán)語(yǔ)句 forEach map where any every（37分47秒）
1、List詳解，List里面常用的屬性和方法
2、Set定義集合
3、Map詳解，Map里面常用屬性和方法
4、其他類型轉(zhuǎn)換成List類型
5、forEach map where any every 詳解

七、Dart中的函數(shù)  函數(shù)的定義 可選參數(shù)  默認(rèn)參數(shù)  命名參數(shù) 箭頭函數(shù) 匿名函數(shù) 閉包等（30分46秒）-上
1、Dart中的函數(shù)定義的幾種方式
2、可選參數(shù)
3、默認(rèn)參數(shù)
4、命名參數(shù)
5、方法當(dāng)做參數(shù)

八、Dart中的函數(shù)  箭頭函數(shù) 匿名函數(shù) 閉包等(22分20秒)-下
2、函數(shù)相互調(diào)用
3、匿名函數(shù)
4、遞歸
5、閉包

九、Dart中的對(duì)象 類（36分11秒）-上
1、Dart面向?qū)ο蟮慕榻B 以及Data內(nèi)置對(duì)象
2、Dart中創(chuàng)建義類使用類
3、Dart中自定義類的默認(rèn)構(gòu)造函數(shù)
4、Dart中自定義類的命名構(gòu)造函數(shù)
5、Dart中把類單獨(dú)抽離成一個(gè)模塊
6、Dart中的私有方法 和私有屬性
7、類中的getter和setter修飾符的用法
8、類中的初始化列表

十、Dart中的類 靜態(tài)成員 操作符 類的繼承（31分13秒）

1、Dart 類中的靜態(tài)成員 靜態(tài)方法

2、Dart 中的對(duì)象操作符

3、Dart 類的繼承-簡(jiǎn)單繼承

4、類的繼承 super關(guān)鍵詞的使用  實(shí)例化自類給父類構(gòu)造函數(shù)傳參

5、Dart 類的繼承 實(shí)例化自類給命名構(gòu)造函數(shù)傳參

6、Dart 類的繼承 覆寫(xiě)父類的方法

7、Dart 自類里面調(diào)用父類的方法



十一、Dart中的抽象類 多態(tài) 以及接口（26分46秒）

1、Dart中的抽象類

2、Dart中的多態(tài)

3、接口

4、封裝DB庫(kù) 接口 類分類模塊化



十二、Dart中一個(gè)類實(shí)現(xiàn)多個(gè)接口 以及Dart中的Mixins（15分10秒）

1、Dart中implements實(shí)現(xiàn)多個(gè)接口

2、Dart中的mixins 使用

3、Dart中的mixins 實(shí)現(xiàn)類似多繼承功能

4、Dart中的mixins 的類型



十三、Dart中的泛型 泛型方法  泛型類 泛型接口(23分43秒)

1、Dart中的泛型

2、Dart中的泛型 泛型方法

3、Dart中的泛型 泛型類

4、Dart中的泛型 泛型接口



十四、Dart中的庫(kù) 自定義庫(kù)、系統(tǒng)庫(kù)、第三方庫(kù)(20分30秒)

1、Dart中的庫(kù)

2、Dart中導(dǎo)入自己本地庫(kù)

3、導(dǎo)入系統(tǒng)內(nèi)置庫(kù) math庫(kù)

4、導(dǎo)入系統(tǒng)內(nèi)置庫(kù)實(shí)現(xiàn)請(qǐng)求數(shù)據(jù)httpClient

5、關(guān)于 Async Await

6、Dart 導(dǎo)入Pub包管理系統(tǒng)中的庫(kù)

7、Dart庫(kù)的重命名 Dart沖突解決

8、部分導(dǎo)入 延遲加載


Flutter教程目錄介紹：

一、Flutter介紹-Flutter Windows Android環(huán)境搭建 真機(jī)調(diào)試（32分44秒）

1、Flutter介紹  
2、Windows上面搭建Flutter Android運(yùn)行環(huán)境   

01 電腦上面安裝配置JDK   
02 電腦上下載安裝Android Studio   
03 電腦上面下載配置Flutter Sdk   
04 電腦上配置Flutter國(guó)內(nèi)鏡像   
05 運(yùn)行 flutter doctor命令檢測(cè)環(huán)境是否配置成功   
06 打開(kāi)Android Studio 安裝Flutter插件   
07 創(chuàng)建Flutter項(xiàng)目   
08 Android Studio中導(dǎo)入運(yùn)行Flutter項(xiàng)目 運(yùn)行項(xiàng)目   
09 可能遇到的錯(cuò)誤

二、 Flutter Android 真機(jī)器調(diào)試 、虛擬機(jī)調(diào)試以及在Vscode中開(kāi)發(fā)Flutter應(yīng)用（17分39秒）

1、Flutter Android真機(jī)調(diào)試   
2、Flutter虛擬機(jī)模擬器調(diào)試   
3、Vscode中開(kāi)發(fā)運(yùn)行Flutter應(yīng)用

三、 Mac電腦搭建Flutter Ios環(huán)境以及讓Flutter運(yùn)行在ios設(shè)備上（31分25秒）

1、準(zhǔn)備工作   
2、下載Flutter、配置Flutter環(huán)境變量、配置Flutter鏡像   
3、運(yùn)行flutter doctor 命令檢測(cè)環(huán)境   
4、配置Flutter Ios環(huán)境   
5、命令行工具生成Flutter項(xiàng)目   
6、修改Flutter Sdk目錄的權(quán)限以及項(xiàng)目的權(quán)限   
7、Xcode打開(kāi)flutter項(xiàng)目 模擬器運(yùn)行項(xiàng)目


四、Flutter目錄結(jié)構(gòu)介紹、入口、自定義Widget、Center組件、Text組件、MaterialApp組件、Scaffold組件(22分22秒)

1、Flutter目錄結(jié)構(gòu)介紹   
2、Flutter入口文件、入口方法   
3、Flutter第一個(gè)Demo Center組件的使用   
4、Flutter把內(nèi)容單獨(dú)抽離成一個(gè)組件   
5、給Text組件增加一些裝飾   
6、件用MaterialApp 和 Scaffold兩個(gè)組件裝飾App   
   01 MaterialApp   
   02 Scaffold

五、Flutter Container組件、Text組件詳解(30分19秒)

1、Flutter Text組件
2、Flutter Container組件

六、Flutter 圖片組件Image 、本地圖片、遠(yuǎn)程圖片、圖片剪切（26分36秒）

1、Flutter 圖片組件   
2、Flutter引入本地圖片   
3、Flutter實(shí)現(xiàn)圓角以及實(shí)現(xiàn)圓形圖片


七、Flutter ListView基礎(chǔ)列表組件、水平列表組件、圖標(biāo)組件(27分5秒)   

1、Flutter 列表組件概述   
2、Flutter 列表參數(shù)   
3、Flutter 基本列表   
4、Flutter 水平列表

八、Flutter ListView動(dòng)態(tài)列表組件 以及循環(huán)動(dòng)態(tài)數(shù)據(jù)（22分39秒）

1、Flutter 列表組件概述   
2、Flutter 列表參數(shù)   
3、Flutter 基本列表   
4、Flutter 水平列表   
5、Flutter 動(dòng)態(tài)列表（動(dòng)態(tài)循環(huán)數(shù)據(jù)）

九、Flutter GridView組件 以及動(dòng)態(tài)GridView（26分51秒）

1、Flutter 列表組件概述   
2、Flutter  GridView組件的常用參數(shù)   
3、Flutter GridView.count 實(shí)現(xiàn)網(wǎng)格布局   
4、Flutter GridView.builder 實(shí)現(xiàn)網(wǎng)格布局   


十、Flutter頁(yè)面布局 Paddiing Row Column Expanded組件詳解（39分52秒）

1、Flutter Paddiing組件   
2、Flutter Row水平布局組件   
3、Flutter Column垂直布局組件   
4、Flutter Expanded類似Web中的Flex布局   
5、Flutter實(shí)現(xiàn)布局案例

十一、Flutter 頁(yè)面布局 Stack層疊組件 Stack與Align  Stack與Positioned實(shí)現(xiàn)定位布局(18分25秒)  

1、Flutter Stack組件   
2、Flutter Stack Align   
3、Flutter Stack Positioned   

十二、Flutter 頁(yè)面布局 Flutter AspectRatio、Card卡片組件、卡片圖文列表（23分39秒）

1、Flutter AspectRatio組件   
2、Flutter Card組件   
3、Flutter Card組件實(shí)現(xiàn)一個(gè)圖文列表布局

十三、Flutter 頁(yè)面布局 Wrap組件（12分48秒）

1、Flutter RaisedButton定義一個(gè)按鈕   
2、Wrap組件   
3、Wrap組件實(shí)現(xiàn)流布局列表

十四、Flutter StatefulWidget有狀態(tài)組件 、頁(yè)面上綁定數(shù)據(jù)、改變頁(yè)面數(shù)據(jù) 、實(shí)現(xiàn)計(jì)數(shù)器功能 動(dòng)態(tài)列表（20分45秒）
1、Flutter 中自定義有狀態(tài)組件
2、Flutter 中狀態(tài)管理 實(shí)現(xiàn)計(jì)數(shù)器功能
3、Flutter狀態(tài)管理 實(shí)現(xiàn)動(dòng)態(tài)列表

十五、Flutter BottomNavigationBar 自定義底部導(dǎo)航條、以及實(shí)現(xiàn)頁(yè)面切換（21分43秒）

1、Flutter 中自定義有狀態(tài)組件   
2、Vscode調(diào)試Flutter項(xiàng)目

十六、Flutter中的路由 普通路由、普通路由傳值、命名路由、命名路由傳值（上）（20分26秒）

1、 Flutter 中的普通路由   
2、 Flutter 中的基本路由使用   
4、 Flutter 中的基本路由跳轉(zhuǎn)傳值   
4、 Flutter 中的命名路由   
5、 Flutter 中的命名路由跳轉(zhuǎn)傳值

十七、Flutter中的路由 普通路由、普通路由傳值、命名路由、命名路由傳值（上）（20分26秒）

1、 Flutter 中的普通路由   
2、 Flutter 中的基本路由使用   
3、 Flutter 中的基本路由跳轉(zhuǎn)傳值   
4、 Flutter 中的命名路由   
5、 Flutter 中的命名路由跳轉(zhuǎn)傳值

十八、Flutter中的路由 pushReplacementNamed路由替換 、pushNamedAndRemoveUntil返回到根路由（23分）

1、 Flutter 中返回到上一級(jí)頁(yè)面   
2、 Flutter 中替換路由   
3、 Flutter 中路由替換實(shí)現(xiàn)多級(jí)路由 返回到根路由   
4、 Flutter pushNamedAndRemoveUntil返回到根路由

十九、Flutter 自定義AppBar 定義頂部Tab切換  底部Tab結(jié)合頂部Tab實(shí)現(xiàn)類似頭條頁(yè)面布局（27分36秒）

1、 Flutter AppBar自定義頂部按鈕圖標(biāo)、顏色   
2、 Flutter AppBar中自定義TabBar實(shí)現(xiàn)頂部Tab切換   
3、 Flutter 把TabBar放在導(dǎo)航最頂部   
4、 Flutter AppBar中自定義TabBar實(shí)現(xiàn)Tabs的另一種方法。
5、 Flutter Vscode調(diào)試Flutter項(xiàng)目

二十、Flutter中通過(guò)TabController定義頂部tab切換 介紹生命周期函數(shù)（13分11秒）

1、 Flutter AppBar自定義頂部按鈕圖標(biāo)、顏色   
2、 Flutter AppBar中自定義TabBar實(shí)現(xiàn)頂部Tab切換   
3、 Flutter 把TabBar放在導(dǎo)航最頂部   
4、 Flutter AppBar中自定義TabBar實(shí)現(xiàn)Tabs的另一種方法TabController

二十一、 Flutter Drawer側(cè)邊欄、DrawerHeader、 UserAccountsDrawerHeader 以及側(cè)邊欄內(nèi)容布局（19分40秒）

1、 Flutter Drawer側(cè)邊欄   
2、 Flutter DrawerHeader   
3、 Flutter UserAccountsDrawerHeader   
4、 Flutter 側(cè)邊欄路由跳轉(zhuǎn)   
5、 Flutter Vscode調(diào)試Flutter項(xiàng)目

二十二、 Flutter中的按鈕組件 RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar以及自定義按鈕組件（33分56秒）
1、 Flutter 中的按鈕組件介紹
2、 Flutter 按鈕組件中的一些屬性   
3、 RaisedButton
4、 Flutter FlatButton
5、 Flutter OutlineButton
6、 Flutter IconButton
7、 Flutter ButtonBar

二十三、Flutter FloatingActionButton實(shí)現(xiàn)類似閑魚(yú)App底部導(dǎo)航凸起按鈕導(dǎo)航（20分50秒）
1、 Flutter 中的按鈕組件介紹
2、 FloatingActionButton 實(shí)現(xiàn)閑魚(yú)app底部凸起按鈕導(dǎo)航

二十四、Flutter中的表單 TextField單行文本框 多行文本框 CheckBox CheckboxListTile （上）（27分53秒）
1、Flutter 常用表單介紹   
2、TextField文本框組件   
3、Checkbox、CheckboxListTile多選框組件   
4、Radio、RadioListTile單選按鈕組件   
5、開(kāi)關(guān)Switch

二十五、Flutter中的表單 Radio Switch RadioListTile SwitchListTile以及表單組件實(shí)現(xiàn)一個(gè)簡(jiǎn)單的學(xué)員登記系統(tǒng)（下）（34分3秒）
1、Flutter 常用表單介紹   
2、TextField文本框組件   
3、Checkbox、CheckboxListTile多選框組件   
4、Radio、RadioListTile單選按鈕組件   
5、開(kāi)關(guān)Switch

Dart Flutter系列教程部分目錄截圖展示：

1215276862

自動(dòng)回復(fù)腳本

dengerlong

呃呃呃呃呃呃呃呃呃呃呃

qq396007940

11

vipzh

6666666666666666

丶魅影彡

我看不錯(cuò)噢 謝謝樓主！

lookgame

very good

cyrus

Hook

剛好需要，謝謝拿走了

bags

學(xué)習(xí)學(xué)習(xí)！