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

show0p

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

游客，如果您要查看本帖隱藏內容請回復

Dart介紹：

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


由于谷歌的推廣,以及國內阿里的閑魚App是Flutter開發(fā)的。所以Flutter目前（2019年5月22）關注度非常高的框架。所以非常有必要學習。因為大家都在學，我們不學是不是就有點Out了。

Dart教程目錄介紹：

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



二、Dart 入口文件介紹 Dart打印 Dart注釋  Dart變量 常量申明 變量命名規(guī)則（17分46秒）
1、Dart 入口方法main方法介紹
2、Dart打印內容
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運算符 條件表達式 Dart類型轉換（35分 6秒）
1、Dart 算術運算符
2、Dart關系運算符
3、Dart邏輯運算符
4、Dart賦值運算符
5、Dart條件表達式 if else  switch case
6、Dart 類型轉換

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

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

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

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

九、Dart中的對象 類（36分11秒）-上
1、Dart面向對象的介紹 以及Data內置對象
2、Dart中創(chuàng)建義類使用類
3、Dart中自定義類的默認構造函數(shù)
4、Dart中自定義類的命名構造函數(shù)
5、Dart中把類單獨抽離成一個模塊
6、Dart中的私有方法 和私有屬性
7、類中的getter和setter修飾符的用法
8、類中的初始化列表

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

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

2、Dart 中的對象操作符

3、Dart 類的繼承-簡單繼承

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

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

6、Dart 類的繼承 覆寫父類的方法

7、Dart 自類里面調用父類的方法



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

1、Dart中的抽象類

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

3、接口

4、封裝DB庫 接口 類分類模塊化



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

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

2、Dart中的mixins 使用

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

4、Dart中的mixins 的類型



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

1、Dart中的泛型

2、Dart中的泛型 泛型方法

3、Dart中的泛型 泛型類

4、Dart中的泛型 泛型接口



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

1、Dart中的庫

2、Dart中導入自己本地庫

3、導入系統(tǒng)內置庫 math庫

4、導入系統(tǒng)內置庫實現(xiàn)請求數(shù)據(jù)httpClient

5、關于 Async Await

6、Dart 導入Pub包管理系統(tǒng)中的庫

7、Dart庫的重命名 Dart沖突解決

8、部分導入 延遲加載


Flutter教程目錄介紹：

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

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

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

二、 Flutter Android 真機器調試 、虛擬機調試以及在Vscode中開發(fā)Flutter應用（17分39秒）

1、Flutter Android真機調試   
2、Flutter虛擬機模擬器調試   
3、Vscode中開發(fā)運行Flutter應用

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二十一、 Flutter Drawer側邊欄、DrawerHeader、 UserAccountsDrawerHeader 以及側邊欄內容布局（19分40秒）

1、 Flutter Drawer側邊欄   
2、 Flutter DrawerHeader   
3、 Flutter UserAccountsDrawerHeader   
4、 Flutter 側邊欄路由跳轉   
5、 Flutter Vscode調試Flutter項目

二十二、 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實現(xiàn)類似閑魚App底部導航凸起按鈕導航（20分50秒）
1、 Flutter 中的按鈕組件介紹
2、 FloatingActionButton 實現(xiàn)閑魚app底部凸起按鈕導航

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

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

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

1215276862

自動回復腳本

dengerlong

呃呃呃呃呃呃呃呃呃呃呃

qq396007940

11

vipzh

6666666666666666

丶魅影彡

我看不錯噢 謝謝樓主！

lookgame

very good

cyrus

Hook

剛好需要，謝謝拿走了

bags

學習學習！