若下載地址失效可聯(lián)系客服獲取，Dart/Flutter教程學(xué)習(xí)交流群：1131189443

 

150多萬人在學(xué)本教程，Flutter入門實戰(zhàn)教程免費學(xué)：https://www.bilibili.com/video/av52490605/?p=17

 

Flutter Flutter3.x+Gext仿小米商城項目實戰(zhàn)（166講）地址：www.henanjiulongtou.com/goods-1176.html

 

Flutter+Go_Router+Fluent_Ui仿阿里網(wǎng)盤桌面軟件開發(fā)跨平臺實戰(zhàn)：www.henanjiulongtou.com/goods-1183.html

 

 

累計150多萬人學(xué)習(xí)本教程，上千人參與教程內(nèi)容反饋編寫，第三次重錄，基于Flutter3.x重錄，課程緊貼企業(yè)需求，目前已完結(jié)179講。教程所講內(nèi)容支持Android、Ios、華為鴻蒙OS4.x，2024年4月09日新增了Flutter調(diào)用原生地圖、Go-Router、Realm、Provider等，2024年6月11日更新了安裝get-cli的方法，2024年11月25日重錄了環(huán)境搭建的教程，2024年11月29日更新了藍牙模塊、藍牙連接，2025年1月10日增加了Flutter Android Ios混合開發(fā)教程、增加了Flutter Channel調(diào)用 Android Ios原生教程、支持2025年1月22日更新的Flutter 3.27.3以及之前的所有版本。

 

 

 

本Flutter教程包括：Dart入門基礎(chǔ)教程15講、Dart 2.13之后的一些新特性Null safety 、late 關(guān)鍵字、空類型聲明符？、非空斷言！、required 關(guān)鍵字、Flutter入門基礎(chǔ)、Flutter國際化、Flutter Native、Flutter仿京東商城項目(真實Api接口、真實交互、真實企業(yè)級項目實戰(zhàn))、Flutter簽名驗證、Flutter打包android應(yīng)用、Flutter打包ios應(yīng)用、上傳Appstore、Flutter常見插件使用、Flutter Dio、以及Flutter拍照上傳 、Flutter自動升級應(yīng)用、Flutter掃碼二維碼、Flutter打開外部應(yīng)用、Flutter狀態(tài)管理、Flutter Event_Bus 事件驅(qū)動、Flutter本地存儲、Flutter播放視頻、Flutter WebView、Flutter 高德地圖、Flutter微信支付、Flutter支付寶支付、Flutter微信分享...

 

Flutter拓展教程新增：Flutter Android極光推送、Flutter Ios極光推送、Flutter指定設(shè)備推送、Flutter Socket.io即時通訊 、直播流程（推流、拉流）、借助騰訊云直播、自己搭建直播服務(wù)器、Flutter中實現(xiàn)直播、flutter生物識別認證 、Flutter指紋認證、人臉認證、Flutter百度Ai 實現(xiàn)拍照識別文字，獲取運營商手機號 一鍵登錄、一鍵登錄rsa加密 解密、Flutter Android Blue 、Flutter Ios Blue 、Flutter中通過藍牙操作智能硬件，Flutter中通過Mqtt協(xié)議操作遠程的智能硬件Wifi模塊、往下拉有詳細目錄介紹以及項目截圖。

 

 

Flutter介紹：

要學(xué)Flutter的話我們必須首先得會Dart。Flutter是谷歌公司開發(fā)的一款開源、免費的移動UI框架，可以讓我們快速的在Android和iOS上構(gòu)建高質(zhì)量App。它最大的特點就是跨平臺、以及高性能。

 

由于谷歌的推廣,以及國內(nèi)阿里的閑魚App是Flutter開發(fā)的。所以Flutter目前關(guān)注度非常高的框架。所以非常有必要學(xué)習(xí)。因為大家都在學(xué)，我們不學(xué)是不是就有點Out了。

本教程由IT營大地老師錄制，前16講的是Dart教程，16講之后講的是Flutter教程，教程包含視頻+課件+源碼

 

 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打印內(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運算符 條件表達式 Dart類型轉(zhuǎn)換（35分 6秒）
1、Dart 算術(shù)運算符
2、Dart關(guān)系運算符
3、Dart邏輯運算符
4、Dart賦值運算符
5、Dart條件表達式 if else  switch case
6、Dart 類型轉(zhuǎn)換

 

五、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、其他類型轉(zhuǎn)換成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、方法當(dāng)做參數(shù)

 

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

 

九、Dart中的對象 類（36分11秒）-上
1、Dart面向?qū)ο蟮慕榻B 以及Data內(nèi)置對象
2、Dart中創(chuàng)建義類使用類
3、Dart中自定義類的默認構(gòu)造函數(shù)
4、Dart中自定義類的命名構(gòu)造函數(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關(guān)鍵詞的使用  實例化自類給父類構(gòu)造函數(shù)傳參

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

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

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

 

十一、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中導(dǎo)入自己本地庫

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

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

5、關(guān)于 Async Await

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

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

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

 

 第十五講  Dart 2.13之后的一些新特性Null safety 、late 關(guān)鍵字、空類型聲明符？、非空斷言！、required 關(guān)鍵字(30分17秒

1、Dart中的Null safety

2、Dart中的late 關(guān)鍵字

3、Dart中的空類型聲明符？

4、Dart 非空斷言！

5、Dart required 關(guān)鍵字

 

第十六講  Dart 性能優(yōu)化之常量、 identical 函數(shù)、常量構(gòu)造函數(shù)詳解(24分32秒)

 

 

 

 

 

 

Flutter教程目錄介紹：

 

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

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

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

 

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

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

 

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

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

 

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

1、Flutter目錄結(jié)構(gòu)介紹   
2、Flutter入口文件、入口方法   
3、Flutter第一個Demo Center組件的使用   
4、Flutter把內(nèi)容單獨抽離成一個組件   
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基礎(chǔ)列表組件、水平列表組件、圖標(biāo)組件(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)網(wǎng)格布局    
4、Flutter GridView.builder 實現(xiàn)網(wǎng)格布局   

 

十、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 自定義底部導(dǎo)航條、以及實現(xiàn)頁面切換（21分43秒）

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

 

十六、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 中返回到上一級頁面    
2、 Flutter 中替換路由    
3、 Flutter 中路由替換實現(xiàn)多級路由 返回到根路由  
4、 Flutter pushNamedAndRemoveUntil返回到根路由

 

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

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

 

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

1、 Flutter AppBar自定義頂部按鈕圖標(biāo)、顏色   
2、 Flutter AppBar中自定義TabBar實現(xiàn)頂部Tab切換   
3、 Flutter 把TabBar放在導(dǎo)航最頂部   
4、 Flutter AppBar中自定義TabBar實現(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項目

 

二十二、 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底部導(dǎo)航凸起按鈕導(dǎo)航（20分50秒）

1、 Flutter 中的按鈕組件介紹
2、 FloatingActionButton 實現(xiàn)閑魚app底部凸起按鈕導(dǎo)航

 

二十四、Flutter中的表單 TextField單行文本框 多行文本框 CheckBox CheckboxListTile （上）（27分53秒）

1、Flutter 常用表單介紹   
2、TextField文本框組件   
3、Checkbox、CheckboxListTile多選框組件   
4、Radio、RadioListTile單選按鈕組件   
5、開關(guān)Switch

二十五、Flutter中的表單 Radio Switch RadioListTile SwitchListTile以及表單組件實現(xiàn)一個簡單的學(xué)員登記系統(tǒng)（下）（34分3秒）

1、Flutter 常用表單介紹   
2、TextField文本框組件   
3、Checkbox、CheckboxListTile多選框組件   
4、Radio、RadioListTile單選按鈕組件   
5、開關(guān)Switch

 

持續(xù)更新中，敬請關(guān)注......

 

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

 

 

 

 

 

 

Dart Flutter系列教程高清視頻部分截圖展示：

 

 

 

 

 

 

 

 

 

Electron實戰(zhàn)視頻教程_Electron-Vue3、Electron-React、Electron-Angular...

￥128元

Flutter視頻教程_Flutter仿京東商城項目實戰(zhàn)視頻教程-支持最新的Flutter3.x 支持鴻蒙OS(大地-已...

￥228元

Nest教程_Nestjs仿小米商城企業(yè)級Nodejs RBAC 微服務(wù)項目實戰(zhàn)視頻教程+Docker Swarm K8...

￥198元

Serverless云開發(fā)教程_Serverless Egg.js Mysql Vue3.x打造全棧無人點餐 無人收銀系...

￥188元