從Dart基礎(chǔ)語法開始,領(lǐng)略Flutter之美桑驱,輕松全面的掌握Flutter開發(fā)核心技術(shù)将塑。通過學(xué)習(xí),可以讓你的Flutter技術(shù)能力和項(xiàng)目經(jīng)驗(yàn)都得到前所未有的提升卜朗。
第1章 學(xué)習(xí)指南
本章會(huì)介紹課程內(nèi)容和具體收獲拔第,以及如何更好的學(xué)習(xí)本門課程咕村,還會(huì)介紹項(xiàng)目需求,讓大家了解課程最終使用Flutter實(shí)現(xiàn)一個(gè)怎樣的項(xiàng)目蚊俺,最后會(huì)對(duì)項(xiàng)目中所用到的技術(shù)做一個(gè)剖析懈涛,可提前知曉本門課程的重點(diǎn)技術(shù)內(nèi)容
1 課程介紹與學(xué)習(xí)指南
2 項(xiàng)目需求分析,技術(shù)分解
第2章 Flutter學(xué)習(xí)經(jīng)驗(yàn):Flutter快速上手指南
本章將從開發(fā)語言泳猬、開發(fā)工具批钠、布局、第三方庫等方面教你如何快速上手Flutter學(xué)習(xí)暂殖。
1 Android開發(fā)者如何快速上手Flutter開發(fā)
2 iOS開發(fā)者如何快速上手Flutter開發(fā)
3 React Native開發(fā)者如何快速上手Flutter開發(fā)
4 前端開發(fā)者如何快速上手Flutter開發(fā)
第3章 Flutter入門:開發(fā)工具準(zhǔn)備與開發(fā)環(huán)境搭建
本章會(huì)從開發(fā)工具和平臺(tái)的選擇開始講解Flutter的開發(fā)環(huán)境的搭建价匠,開發(fā)工具的使用技巧以及遇到環(huán)境問題、工具問題以及版本問題該如何解決呛每。
1 自測(cè)小作業(yè)(帶著3個(gè)問題去學(xué)習(xí))
2 開發(fā)系統(tǒng)與工具選擇
3 Flutter開發(fā)環(huán)境與iOS開發(fā)環(huán)境設(shè)置(Mac)
4 Android開發(fā)環(huán)境設(shè)置與Flutter插件安裝(Mac)【邊學(xué)邊做】
5 Flutter開發(fā)環(huán)境與Android開發(fā)環(huán)境設(shè)置詳解(Windows)
6 Flutter開發(fā)環(huán)境與Android開發(fā)環(huán)境設(shè)置實(shí)操(Windows)【邊學(xué)邊做】
7 Flutter開發(fā)工具使用指南
8 本章小結(jié)-環(huán)境踩窖、工具、版本等問題【避坑指南】
9 請(qǐng)完成Flutter和Android開發(fā)環(huán)境的搭建
第4章 Flutter 2空安全適配指南【增值贈(zèng)送晨横,持續(xù)更新】
從Flutter 2開始洋腮,F(xiàn)lutter便默認(rèn)啟用了空安全,通過空安全適配可以在開發(fā)過程中提前發(fā)現(xiàn)潛在的錯(cuò)誤手形,從而防止在生產(chǎn)環(huán)境中導(dǎo)致的崩潰啥供。本章節(jié)帶你解鎖Flutter空安全適配必備技能,開發(fā)出更加健壯的應(yīng)用库糠。
1 走進(jìn)空安全(空安全最小必備知識(shí))
2 Flutter如何做空安全適配
3 自定義Widget的空安全適配技巧
4 數(shù)據(jù)模型(Model)空安全適配技巧
5 單例空安全適配技巧
6 插件的空安全適配問題
7 空安全適配常見問題
8 本章小結(jié)
第5章 Flutter必備Dart基礎(chǔ):Dart快速入門【已掌握伙狐,可略過】
為了降低學(xué)習(xí)Flutter的門檻,專門為大家補(bǔ)充了Dart基礎(chǔ)瞬欧,讓您輕松解鎖Flutter開發(fā)語言贷屎,本章我們將帶您從零開始系統(tǒng)學(xué)習(xí)Dart語言,這里不是單純的闡述概念艘虎,是讓您真正理解Dart中的oop的思想及應(yīng)用唉侄,這里不是簡(jiǎn)單的教您寫代碼,是讓您寫出高效野建、規(guī)范属划、簡(jiǎn)潔的代碼。...
1 Flutter之Dart概述
2 Flutter之Dart常用數(shù)據(jù)類型(數(shù)字候生、類型轉(zhuǎn)換)
3 Flutter之Dart常用數(shù)據(jù)類型(字符串)
4 Flutter之Dart常用數(shù)據(jù)類型(布爾同眯、List)
5 Flutter之Dart常用數(shù)據(jù)類型(Map)
6 Flutter之Dart常用數(shù)據(jù)類型(科普小姿勢(shì))
7 帶你揭開Flutter中的面向?qū)ο螅?biāo)準(zhǔn)構(gòu)造方法、初始化列表)
8 帶你揭開Flutter中的面向?qū)ο螅麡?gòu)造方法)
9 帶你揭開Flutter中的面向?qū)ο螅üS構(gòu)造方法)
10 帶你揭開Flutter中的面向?qū)ο螅S構(gòu)造方法)
11 帶你揭開Flutter中的面向?qū)ο螅╣et和set唯鸭、靜態(tài)方法)
12 帶你揭開Flutter中的面向?qū)ο螅ǔ橄箢惡头椒ǎ?br>
13 帶你揭開Flutter中的面向?qū)ο螅╩ixins)
14 帶你解鎖Flutter中常用的Dart方法類型
15 帶你了解Dart泛型在Flutter中的應(yīng)用
16 有哪些可以用在Flutter上的編程技巧嗽测?
17 小結(jié)
第6章 Flutter入門:基礎(chǔ)知識(shí)十六講
本章是本門課程的基礎(chǔ)篇,會(huì)通過一個(gè)個(gè)案例講解Flutter入門的各種技能,以及大家最關(guān)心的布局唠粥,打開第三方應(yīng)用等熱門技能疏魏,最后會(huì)通過一個(gè)拍照APP的開發(fā)來檢驗(yàn)大家對(duì)本章知識(shí)的掌握程度。
1 學(xué)習(xí)Flutter前應(yīng)該具備哪些基礎(chǔ)知識(shí)晤愧?
2 如何快速搭建和運(yùn)行一個(gè)Flutter項(xiàng)目大莫?
3 如何使用Flutter包和插件?【輕松應(yīng)對(duì)各種插件】
4 StatelessWidget與基礎(chǔ)組件【撐起Flutter的半邊天】
5 StatefulWidget與基礎(chǔ)組件【撐起Flutter的半邊天】
6 如何進(jìn)行Flutter布局開發(fā)官份?【布局指南】
7 如何創(chuàng)建和使用Flutter的路由與導(dǎo)航只厘?【邊學(xué)邊做】
8 如何檢測(cè)用戶手勢(shì)以及處理點(diǎn)擊事件?【精彩案例】
9 如何導(dǎo)入和使用Flutter的資源文件舅巷?【必備技能】
10 如何打開第三方應(yīng)用羔味?【你期待的技能】
11 Flutter 頁面生命周期實(shí)戰(zhàn)指南
12 如何獲取Flutter應(yīng)用的生命周期?
13 如何修改Flutter應(yīng)用的主題钠右?
14 如何自定義字體赋元?
15 拍照APP開發(fā)-拍照配置與AndroidX兼容處理【實(shí)戰(zhàn)嘗鮮】
16 拍照APP開發(fā)-圖片獲取與圖片展示【實(shí)戰(zhàn)嘗鮮】
17 本章小結(jié)
第7章 Flutter入門:Flutter必備基礎(chǔ)【修煉基本功】
【本章為基礎(chǔ)知識(shí),請(qǐng)按需選學(xué)飒房,從第5章進(jìn)入實(shí)戰(zhàn)環(huán)節(jié)】本章會(huì)主要講解Flutter的一些必備基礎(chǔ)知識(shí)搁凸,首先教大家構(gòu)建Flutter的官方實(shí)例項(xiàng)目來學(xué)習(xí)Flutter example,講解圖片控件的使用經(jīng)驗(yàn)與技巧狠毯,講解如何在實(shí)現(xiàn)動(dòng)畫护糖,最后會(huì)教大家如何調(diào)試Flutter項(xiàng)目。...
1 自測(cè)小作業(yè)(帶著9個(gè)問題去學(xué)習(xí))
2 學(xué)習(xí)構(gòu)建Flutter實(shí)例項(xiàng)目【他山之石可以攻玉】
3 圖片控件開發(fā)詳解-1【技能儲(chǔ)備】
4 圖片控件開發(fā)詳解-2【技能儲(chǔ)備】
5 動(dòng)畫Animation開發(fā)指南-動(dòng)畫基礎(chǔ)類【理論熏陶】
6 動(dòng)畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-1【跟著做】
7 動(dòng)畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-2【跟著做】
8 動(dòng)畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-3【跟著做】
9 動(dòng)畫Animation開發(fā)指南-Hero動(dòng)畫-1
10 動(dòng)畫Animation開發(fā)指南-Hero動(dòng)畫-2
11 Flutter調(diào)試技巧【經(jīng)驗(yàn)傳授】
12 本章小結(jié)
第8章 Flutter入門實(shí)戰(zhàn):APP導(dǎo)航框架與常用功能實(shí)現(xiàn)【先打一仗嚼松,鞏固技能】
從本章開始嫡良,開啟本門課程的基礎(chǔ)實(shí)戰(zhàn)篇 - APP導(dǎo)航框架與常用功能的實(shí)現(xiàn),我會(huì)結(jié)合Scaffold與PageView實(shí)現(xiàn)首頁導(dǎo)框架献酗;使用插件實(shí)現(xiàn)輪播圖寝受;使用NotificationListener監(jiān)聽列表滾動(dòng)來實(shí)現(xiàn)對(duì)導(dǎo)航欄的漸變效果,讓大家鞏固對(duì)基礎(chǔ)時(shí)候的理解凌摄;...
1 自測(cè)小作業(yè)(帶著5個(gè)問題去學(xué)習(xí))
2 APP首頁框架搭建-Scaffold與PageView【搭了個(gè)框架】
3 APP首頁框架搭建-項(xiàng)目實(shí)踐【搭了個(gè)框架】
4 輪播圖Banner功能開發(fā)【使用輪子】
5 自定義AppBar實(shí)現(xiàn)滾動(dòng)漸變【另起爐灶】
6 本章小結(jié)
第9章 Flutter進(jìn)階提升:網(wǎng)絡(luò)編程與數(shù)據(jù)存儲(chǔ)技術(shù)【實(shí)戰(zhàn)必備技能】
本章主要講解Flutter網(wǎng)絡(luò)編程和本地存儲(chǔ)的相關(guān)經(jīng)驗(yàn)和技巧羡蛾,包括對(duì)Http漓帅、sharedpreferences的封裝和使用锨亏,以及Future與FutureBuilder的使用技巧,JSON解析與復(fù)雜模型的轉(zhuǎn)換技巧等忙干。
1 自測(cè)小作業(yè)(帶著7個(gè)問題去學(xué)習(xí))
2 基于Http實(shí)現(xiàn)網(wǎng)絡(luò)操作
3 異步:Future與FutureBuilder實(shí)用技巧【好好學(xué)器予,實(shí)戰(zhàn)經(jīng)常用】
4 JSON解析與復(fù)雜模型轉(zhuǎn)換實(shí)用技巧【網(wǎng)絡(luò)請(qǐng)求離不開它】
5 基于shared_preferences本地存儲(chǔ)操作【本地存儲(chǔ)】
6 本章小結(jié)
7 將一個(gè)中等復(fù)雜度的json轉(zhuǎn)成model
第10章 Flutter進(jìn)階提升:玩轉(zhuǎn)列表組件【動(dòng)動(dòng)手,帶你玩轉(zhuǎn)各種列表】
本章除了講解如何用ListView實(shí)現(xiàn)橫向與豎向的列表捐迫,基于ExpansionTile實(shí)現(xiàn)可展開的列表乾翔,用GridView實(shí)現(xiàn)網(wǎng)格列表的使用技巧之外,同時(shí)會(huì)講解一些實(shí)用的功能技巧如:下拉刷新,上拉加載更多等反浓。
1 自測(cè)小作業(yè) (帶著5個(gè)問題去學(xué)習(xí))
2 基于ListView實(shí)現(xiàn)水平和垂直方式滾動(dòng)的列表【邊學(xué)邊做】
3 基于ExpansionTile實(shí)現(xiàn)可展開的列表【列表還可以這樣做】
4 基于GridView實(shí)現(xiàn)網(wǎng)格布局【跟著做】
5 高級(jí)功能列表下拉刷新與上拉加載更多功能實(shí)現(xiàn)【列表拓展技能】
6 本章小結(jié)
第11章 Flutter進(jìn)階提升:Flutter混合開發(fā)【助力職場(chǎng):難度指數(shù)5星】
本章主要講解Flutter的混合開發(fā)與通信方面的相關(guān)技術(shù)和經(jīng)驗(yàn)技巧萌丈;Flutter與Android ,iOS進(jìn)行混合開發(fā)是比較流行的一種開發(fā)模式雷则,但它的技術(shù)難度遠(yuǎn)高于純Flutter開發(fā)辆雾,導(dǎo)致很多開發(fā)者都無從下手,本章節(jié)將通過理論+實(shí)踐的方式將Flutter混合開發(fā)的應(yīng)用場(chǎng)景月劈,流程度迂,需要掌握的技術(shù),以及一些經(jīng)驗(yàn)技巧傳授給大家猜揪。...
1 自測(cè)小作業(yè)(帶著12個(gè)問題去學(xué)習(xí))
2 Flutter混合開發(fā)流程與創(chuàng)建Flutter module【搞懂流程惭墓,不碰壁】
3 Flutter Android混合開發(fā)實(shí)戰(zhàn)-集成與調(diào)用【Android技術(shù)與Flutter融合】
4 Flutter Android混合開發(fā)實(shí)戰(zhàn)-調(diào)試與發(fā)布【Android技術(shù)與Flutter融合】
5 Flutter iOS混合開發(fā)實(shí)戰(zhàn)-集成與調(diào)用【iOS技術(shù)與Flutter融合】
6 Flutter iOS混合開發(fā)實(shí)戰(zhàn)-調(diào)試與發(fā)布【iOS技術(shù)與Flutter融合】
7 Flutter通信機(jī)制&Dart端講解【全棧皆宜】
8 Flutter通信機(jī)制&Dart端實(shí)現(xiàn)【全棧皆宜】
9 Flutter與Native通信-Android端講解【通信原理】
10 Flutter與Native通信-Android端實(shí)戰(zhàn)【實(shí)戰(zhàn)應(yīng)用】
11 Flutter與Native通信-iOS端講解【通信原理】
12 Flutter與Native通信-iOS端實(shí)戰(zhàn)【實(shí)戰(zhàn)應(yīng)用】
13 本章小結(jié)
14 搭建一個(gè)Flutter和Android混合開發(fā)項(xiàng)目
第12章 Flutter進(jìn)階實(shí)戰(zhàn):App首頁功能開發(fā)【你期待的實(shí)戰(zhàn)來了,干貨滿滿】
本章主要講解首頁模塊的實(shí)現(xiàn)而姐,其中會(huì)講解如何實(shí)現(xiàn)自定義組件腊凶,網(wǎng)格卡片功能實(shí)現(xiàn)&布局技巧,以及球區(qū)入口的實(shí)現(xiàn)毅人,H5模塊的開發(fā)與使用技巧吭狡,以及功能模塊的封裝與復(fù)用。
1 自測(cè)小作業(yè)(帶著14個(gè)問題去學(xué)習(xí))
2 首頁大接口細(xì)分【熟悉接口好開發(fā)】
3 首頁大接口相關(guān)模型實(shí)現(xiàn)【Model層設(shè)計(jì)】
4 首頁大接口Dao層實(shí)現(xiàn)和調(diào)用-1【Dao層設(shè)計(jì)】
5 首頁大接口Dao層實(shí)現(xiàn)和調(diào)用-2【Dao層設(shè)計(jì)】
6 Flutter自定義組件開發(fā)【組件封裝】
7 球區(qū)入口實(shí)現(xiàn)【實(shí)戰(zhàn)應(yīng)用】
8 基于自定義WebView實(shí)現(xiàn)H5混合開發(fā)-1【H5混合實(shí)戰(zhàn)】
9 基于自定義WebView實(shí)現(xiàn)H5混合開發(fā)-2【H5混合實(shí)戰(zhàn)】
10 基于自定義WebView實(shí)現(xiàn)H5混合開發(fā)-3【H5混合實(shí)戰(zhàn)】
11 網(wǎng)格卡片功能實(shí)現(xiàn)&布局技巧-1【布局進(jìn)階】
12 網(wǎng)格卡片功能實(shí)現(xiàn)&布局技巧-2【布局進(jìn)階】
13 活動(dòng)入口實(shí)現(xiàn)【實(shí)戰(zhàn)應(yīng)用】
14 底部卡片實(shí)現(xiàn)-1【實(shí)戰(zhàn)應(yīng)用】
15 底部卡片實(shí)現(xiàn)-2【實(shí)戰(zhàn)應(yīng)用】
16 加載進(jìn)度條與下拉刷新的實(shí)現(xiàn)【實(shí)戰(zhàn)應(yīng)用】
17 本章小結(jié)
18 在APP中通過喚起設(shè)備中的瀏覽器來打開指定H5頁面
第13章 Flutter進(jìn)階實(shí)戰(zhàn):搜索模塊開發(fā)【適用于企業(yè)級(jí)應(yīng)用開發(fā):簡(jiǎn)潔丈莺、高效划煮、實(shí)用】
本章主要講解如何設(shè)計(jì)與實(shí)現(xiàn)搜索模塊?如何實(shí)現(xiàn)一個(gè)帶搜索的AppBar缔俄?以及輸入框TextField的使用與擴(kuò)展弛秋;搜索文字高亮與富文本功能實(shí)現(xiàn);如何實(shí)現(xiàn)搜索Item俐载?以及實(shí)時(shí)搜索功能的實(shí)現(xiàn)技巧與經(jīng)驗(yàn)蟹略。
1 自測(cè)小作業(yè) (帶著7個(gè)問題去學(xué)習(xí))
2 基于TextField實(shí)現(xiàn)頂部SearchBar-1【封裝組件出神入化】
3 基于TextField實(shí)現(xiàn)頂部SearchBar-2【封裝組件出神入化】
4 搜索接口系分與搜索Dao層的實(shí)現(xiàn)【Dao層設(shè)計(jì)】
5 基于ListView實(shí)現(xiàn)搜索列表【面試加分錦囊】
6 搜索Item實(shí)現(xiàn)【實(shí)戰(zhàn)應(yīng)用】
7 動(dòng)態(tài)Icon與富文本展示【面試加分錦囊】
8 本章小結(jié)
第14章 Flutter進(jìn)階拓展:開發(fā)包和插件開發(fā)【適用于拔高:成神之路,助你一臂之力】
本章主要講解Flutter的插件的開發(fā)流程與技巧遏佣,以及Flutter插件的發(fā)布經(jīng)驗(yàn)挖炬,同時(shí)會(huì)講解如何甄選Flutter插件。
1 自測(cè)小作業(yè)(帶著4個(gè)問題去學(xué)習(xí))
2 開發(fā)Flutter包和插件的流程步驟【搞懂流程從容不迫】
3 Flutte包和插件的開發(fā)與發(fā)布
4 如何甄選Flutter包和插件
5 本章小結(jié)
6 對(duì)項(xiàng)目進(jìn)行組件化改造
第15章 Flutter進(jìn)階實(shí)戰(zhàn):智能AI語音搜索模塊實(shí)現(xiàn)【升職加薪】
本章主要講解智能AI在Flutter上的應(yīng)用状婶,如何在Flutter中引入Native SDK意敛,如何實(shí)現(xiàn)語音搜索的功能,如何調(diào)用Native SDK膛虫,如何在Flutter和Native之間進(jìn)行通信等草姻。
1 自測(cè)小作業(yè)(帶著9個(gè)問題去學(xué)習(xí))
2 Android Native SDK集成流程【Android技術(shù)小試身手】
3 iOS Native SDK集成流程【iOS技術(shù)小試身手】
4 Flutter Plugin開發(fā)指南-Dart端實(shí)現(xiàn)【全棧皆宜】
5 Flutter Plugin開發(fā)指南-Android端實(shí)現(xiàn)-1【打通Flutter與Android的任通二脈】
6 Flutter Plugin開發(fā)指南-Android端實(shí)現(xiàn)-2【打通Flutter與Android的任通二脈】
7 Flutter Plugin開發(fā)指南-iOS端實(shí)現(xiàn)-1【打通Flutter與iOS的任通二脈】
8 Flutter Plugin開發(fā)指南-iOS端實(shí)現(xiàn)-2【打通Flutter與iOS的任通二脈】
9 Flutter AI智能語音界面開發(fā)-1【收獲果實(shí)】
10 Flutter AI智能語音界面開發(fā)-2【收獲果實(shí)】
11 Flutter AI智能語音搜索功能實(shí)現(xiàn)【錦上添花】
12 本章小結(jié)
第16章 Flutter進(jìn)階實(shí)戰(zhàn):旅拍模塊實(shí)現(xiàn)【助力職場(chǎng)】
本章主要講解旅拍模塊的設(shè)計(jì)與實(shí)現(xiàn),同時(shí)會(huì)講解如何實(shí)現(xiàn)瀑布流布局稍刀,如何實(shí)現(xiàn)Dao層撩独,如何實(shí)現(xiàn)下拉刷新與上拉加載更多,以及對(duì)非常實(shí)用的滑動(dòng)切換tab方案進(jìn)行講解。
1 旅拍模塊接口系分
2 旅拍模塊Dao層設(shè)計(jì)
3 使用TabBar+TabBarView 實(shí)現(xiàn)旅拍可滑動(dòng)切換多Tab
4 實(shí)現(xiàn)旅拍瀑布流布局-1
5 實(shí)現(xiàn)旅拍瀑布流布局-2
6 實(shí)現(xiàn)旅拍卡片布局-1
7 實(shí)現(xiàn)旅拍卡片布局-2
8 旅拍頁面交互與我的頁面實(shí)現(xiàn)
9 本章小結(jié)
第17章 Flutter進(jìn)階拓展:全面屏综膀、折疊屏適配與兼容【適用于面試】
本章節(jié)主要講解全屏幕澳迫、折疊屏的適配與優(yōu)化,并對(duì)全面屏的特點(diǎn)及存在的問題做出分析剧劝,同時(shí)教大家如何適配iPhone纲刀,華為,小米担平、三星等全面屏與凹凸屏手機(jī)示绊。
1 啟動(dòng)白屏問題解決與啟動(dòng)屏開發(fā)-1
2 啟動(dòng)白屏問題解決與啟動(dòng)屏開發(fā)-2
3 Flutter 全屏幕適配指南
4 Flutter 折疊屏適配指南
5 本章小結(jié)
第18章 Flutter進(jìn)階拓展:打包發(fā)布Flutter應(yīng)用【適用于面試】
本章會(huì)教你對(duì)Flutter進(jìn)行發(fā)布前的優(yōu)化;以及如何打包發(fā)布Flutter Android應(yīng)用與Flutter iOS應(yīng)用暂论。
1 Flutter項(xiàng)目?jī)?yōu)化-1
2 Flutter項(xiàng)目?jī)?yōu)化-2
3 打包發(fā)布Flutter Android應(yīng)用-1
4 打包發(fā)布Flutter Android應(yīng)用-2
5 打包發(fā)布Flutter iOS應(yīng)用
6 本章小結(jié)
第19章 Flutter進(jìn)階拓展:Flutter升級(jí)與適配指南【適用于工作:開發(fā)避雷針】
Flutter的升級(jí)與適配一直是困擾開發(fā)者的一個(gè)痛點(diǎn)面褐,本章節(jié)將講解最新版Flutter的升級(jí)與適配的經(jīng)驗(yàn)與技巧,同時(shí)會(huì)對(duì)比不同升級(jí)方式的優(yōu)缺點(diǎn)取胎,并且給出適配建議展哭。
1 Flutter升級(jí)與適配指南