Flutter從入門到進(jìn)階

從Dart基礎(chǔ)語法開始,領(lǐng)略Flutter之美,輕松全面的掌握Flutter開發(fā)核心技術(shù)。通過學(xué)習(xí),可以讓你的Flutter技術(shù)能力和項目經(jīng)驗都得到前所未有的提升。


第1章 學(xué)習(xí)指南

本章會介紹課程內(nèi)容和具體收獲,以及如何更好的學(xué)習(xí)本門課程,還會介紹項目需求,讓大家了解課程最終使用Flutter實現(xiàn)一個怎樣的項目,最后會對項目中所用到的技術(shù)做一個剖析,可提前知曉本門課程的重點技術(shù)內(nèi)容

1 課程介紹與學(xué)習(xí)指南
2 項目需求分析,技術(shù)分解

第2章 Flutter學(xué)習(xí)經(jīng)驗: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)境搭建

本章會從開發(fā)工具和平臺的選擇開始講解Flutter的開發(fā)環(huán)境的搭建,開發(fā)工具的使用技巧以及遇到環(huán)境問題、工具問題以及版本問題該如何解決。

1 自測小作業(yè)(帶著3個問題去學(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è)置實操(Windows)【邊學(xué)邊做】
7 Flutter開發(fā)工具使用指南
8 本章小結(jié)-環(huán)境、工具、版本等問題【避坑指南】
9 請完成Flutter和Android開發(fā)環(huán)境的搭建

第4章 Flutter 2空安全適配指南【增值贈送,持續(xù)更新】

從Flutter 2開始,F(xiàn)lutter便默認(rèn)啟用了空安全,通過空安全適配可以在開發(fā)過程中提前發(fā)現(xiàn)潛在的錯誤,從而防止在生產(chǎn)環(huán)境中導(dǎo)致的崩潰。本章節(jié)帶你解鎖Flutter空安全適配必備技能,開發(fā)出更加健壯的應(yīng)用。

1 走進(jìn)空安全(空安全最小必備知識)
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)用,這里不是簡單的教您寫代碼,是讓您寫出高效、規(guī)范、簡潔的代碼。...

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ù)類型(科普小姿勢)
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ǔ)知識十六講

本章是本門課程的基礎(chǔ)篇,會通過一個個案例講解Flutter入門的各種技能,以及大家最關(guān)心的布局,打開第三方應(yīng)用等熱門技能,最后會通過一個拍照APP的開發(fā)來檢驗大家對本章知識的掌握程度。

1 學(xué)習(xí)Flutter前應(yīng)該具備哪些基礎(chǔ)知識?
2 如何快速搭建和運(yùn)行一個Flutter項目?
3 如何使用Flutter包和插件?【輕松應(yīng)對各種插件】
4 StatelessWidget與基礎(chǔ)組件【撐起Flutter的半邊天】
5 StatefulWidget與基礎(chǔ)組件【撐起Flutter的半邊天】
6 如何進(jìn)行Flutter布局開發(fā)?【布局指南】
7 如何創(chuàng)建和使用Flutter的路由與導(dǎo)航?【邊學(xué)邊做】
8 如何檢測用戶手勢以及處理點擊事件?【精彩案例】
9 如何導(dǎo)入和使用Flutter的資源文件?【必備技能】
10 如何打開第三方應(yīng)用?【你期待的技能】
11 Flutter 頁面生命周期實戰(zhàn)指南
12 如何獲取Flutter應(yīng)用的生命周期?
13 如何修改Flutter應(yīng)用的主題?
14 如何自定義字體?
15 拍照APP開發(fā)-拍照配置與AndroidX兼容處理【實戰(zhàn)嘗鮮】
16 拍照APP開發(fā)-圖片獲取與圖片展示【實戰(zhàn)嘗鮮】
17 本章小結(jié)

第7章 Flutter入門:Flutter必備基礎(chǔ)【修煉基本功】

【本章為基礎(chǔ)知識,請按需選學(xué),從第5章進(jìn)入實戰(zhàn)環(huán)節(jié)】本章會主要講解Flutter的一些必備基礎(chǔ)知識,首先教大家構(gòu)建Flutter的官方實例項目來學(xué)習(xí)Flutter example,講解圖片控件的使用經(jīng)驗與技巧,講解如何在實現(xiàn)動畫,最后會教大家如何調(diào)試Flutter項目。...

1 自測小作業(yè)(帶著9個問題去學(xué)習(xí))
2 學(xué)習(xí)構(gòu)建Flutter實例項目【他山之石可以攻玉】
3 圖片控件開發(fā)詳解-1【技能儲備】
4 圖片控件開發(fā)詳解-2【技能儲備】
5 動畫Animation開發(fā)指南-動畫基礎(chǔ)類【理論熏陶】
6 動畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-1【跟著做】
7 動畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-2【跟著做】
8 動畫Animation開發(fā)指南-AnimatedWidget與AnimatedBuilder-3【跟著做】
9 動畫Animation開發(fā)指南-Hero動畫-1
10 動畫Animation開發(fā)指南-Hero動畫-2
11 Flutter調(diào)試技巧【經(jīng)驗傳授】
12 本章小結(jié)

第8章 Flutter入門實戰(zhàn):APP導(dǎo)航框架與常用功能實現(xiàn)【先打一仗,鞏固技能】

從本章開始,開啟本門課程的基礎(chǔ)實戰(zhàn)篇 - APP導(dǎo)航框架與常用功能的實現(xiàn),我會結(jié)合Scaffold與PageView實現(xiàn)首頁導(dǎo)框架;使用插件實現(xiàn)輪播圖;使用NotificationListener監(jiān)聽列表滾動來實現(xiàn)對導(dǎo)航欄的漸變效果,讓大家鞏固對基礎(chǔ)時候的理解;...

1 自測小作業(yè)(帶著5個問題去學(xué)習(xí))
2 APP首頁框架搭建-Scaffold與PageView【搭了個框架】
3 APP首頁框架搭建-項目實踐【搭了個框架】
4 輪播圖Banner功能開發(fā)【使用輪子】
5 自定義AppBar實現(xiàn)滾動漸變【另起爐灶】
6 本章小結(jié)

第9章 Flutter進(jìn)階提升:網(wǎng)絡(luò)編程與數(shù)據(jù)存儲技術(shù)【實戰(zhàn)必備技能】

本章主要講解Flutter網(wǎng)絡(luò)編程和本地存儲的相關(guān)經(jīng)驗和技巧,包括對Http、sharedpreferences的封裝和使用,以及Future與FutureBuilder的使用技巧,JSON解析與復(fù)雜模型的轉(zhuǎn)換技巧等。

1 自測小作業(yè)(帶著7個問題去學(xué)習(xí))
2 基于Http實現(xiàn)網(wǎng)絡(luò)操作
3 異步:Future與FutureBuilder實用技巧【好好學(xué),實戰(zhàn)經(jīng)常用】
4 JSON解析與復(fù)雜模型轉(zhuǎn)換實用技巧【網(wǎng)絡(luò)請求離不開它】
5 基于shared_preferences本地存儲操作【本地存儲】
6 本章小結(jié)
7 將一個中等復(fù)雜度的json轉(zhuǎn)成model

第10章 Flutter進(jìn)階提升:玩轉(zhuǎn)列表組件【動動手,帶你玩轉(zhuǎn)各種列表】

本章除了講解如何用ListView實現(xiàn)橫向與豎向的列表,基于ExpansionTile實現(xiàn)可展開的列表,用GridView實現(xiàn)網(wǎng)格列表的使用技巧之外,同時會講解一些實用的功能技巧如:下拉刷新,上拉加載更多等。

1 自測小作業(yè) (帶著5個問題去學(xué)習(xí))
2 基于ListView實現(xiàn)水平和垂直方式滾動的列表【邊學(xué)邊做】
3 基于ExpansionTile實現(xiàn)可展開的列表【列表還可以這樣做】
4 基于GridView實現(xiàn)網(wǎng)格布局【跟著做】
5 高級功能列表下拉刷新與上拉加載更多功能實現(xiàn)【列表拓展技能】
6 本章小結(jié)

第11章 Flutter進(jìn)階提升:Flutter混合開發(fā)【助力職場:難度指數(shù)5星】

本章主要講解Flutter的混合開發(fā)與通信方面的相關(guān)技術(shù)和經(jīng)驗技巧;Flutter與Android ,iOS進(jìn)行混合開發(fā)是比較流行的一種開發(fā)模式,但它的技術(shù)難度遠(yuǎn)高于純Flutter開發(fā),導(dǎo)致很多開發(fā)者都無從下手,本章節(jié)將通過理論+實踐的方式將Flutter混合開發(fā)的應(yīng)用場景,流程,需要掌握的技術(shù),以及一些經(jīng)驗技巧傳授給大家。...

1 自測小作業(yè)(帶著12個問題去學(xué)習(xí))
2 Flutter混合開發(fā)流程與創(chuàng)建Flutter module【搞懂流程,不碰壁】
3 Flutter Android混合開發(fā)實戰(zhàn)-集成與調(diào)用【Android技術(shù)與Flutter融合】
4 Flutter Android混合開發(fā)實戰(zhàn)-調(diào)試與發(fā)布【Android技術(shù)與Flutter融合】
5 Flutter iOS混合開發(fā)實戰(zhàn)-集成與調(diào)用【iOS技術(shù)與Flutter融合】
6 Flutter iOS混合開發(fā)實戰(zhàn)-調(diào)試與發(fā)布【iOS技術(shù)與Flutter融合】
7 Flutter通信機(jī)制&Dart端講解【全棧皆宜】
8 Flutter通信機(jī)制&Dart端實現(xiàn)【全棧皆宜】
9 Flutter與Native通信-Android端講解【通信原理】
10 Flutter與Native通信-Android端實戰(zhàn)【實戰(zhàn)應(yīng)用】
11 Flutter與Native通信-iOS端講解【通信原理】
12 Flutter與Native通信-iOS端實戰(zhàn)【實戰(zhàn)應(yīng)用】
13 本章小結(jié)
14 搭建一個Flutter和Android混合開發(fā)項目

第12章 Flutter進(jìn)階實戰(zhàn):App首頁功能開發(fā)【你期待的實戰(zhàn)來了,干貨滿滿】

本章主要講解首頁模塊的實現(xiàn),其中會講解如何實現(xiàn)自定義組件,網(wǎng)格卡片功能實現(xiàn)&布局技巧,以及球區(qū)入口的實現(xiàn),H5模塊的開發(fā)與使用技巧,以及功能模塊的封裝與復(fù)用。

1 自測小作業(yè)(帶著14個問題去學(xué)習(xí))
2 首頁大接口細(xì)分【熟悉接口好開發(fā)】
3 首頁大接口相關(guān)模型實現(xiàn)【Model層設(shè)計】
4 首頁大接口Dao層實現(xiàn)和調(diào)用-1【Dao層設(shè)計】
5 首頁大接口Dao層實現(xiàn)和調(diào)用-2【Dao層設(shè)計】
6 Flutter自定義組件開發(fā)【組件封裝】
7 球區(qū)入口實現(xiàn)【實戰(zhàn)應(yīng)用】
8 基于自定義WebView實現(xiàn)H5混合開發(fā)-1【H5混合實戰(zhàn)】
9 基于自定義WebView實現(xiàn)H5混合開發(fā)-2【H5混合實戰(zhàn)】
10 基于自定義WebView實現(xiàn)H5混合開發(fā)-3【H5混合實戰(zhàn)】
11 網(wǎng)格卡片功能實現(xiàn)&布局技巧-1【布局進(jìn)階】
12 網(wǎng)格卡片功能實現(xiàn)&布局技巧-2【布局進(jìn)階】
13 活動入口實現(xiàn)【實戰(zhàn)應(yīng)用】
14 底部卡片實現(xiàn)-1【實戰(zhàn)應(yīng)用】
15 底部卡片實現(xiàn)-2【實戰(zhàn)應(yīng)用】
16 加載進(jìn)度條與下拉刷新的實現(xiàn)【實戰(zhàn)應(yīng)用】
17 本章小結(jié)
18 在APP中通過喚起設(shè)備中的瀏覽器來打開指定H5頁面

第13章 Flutter進(jìn)階實戰(zhàn):搜索模塊開發(fā)【適用于企業(yè)級應(yīng)用開發(fā):簡潔、高效、實用】

本章主要講解如何設(shè)計與實現(xiàn)搜索模塊?如何實現(xiàn)一個帶搜索的AppBar?以及輸入框TextField的使用與擴(kuò)展;搜索文字高亮與富文本功能實現(xiàn);如何實現(xiàn)搜索Item?以及實時搜索功能的實現(xiàn)技巧與經(jīng)驗。

1 自測小作業(yè) (帶著7個問題去學(xué)習(xí))
2 基于TextField實現(xiàn)頂部SearchBar-1【封裝組件出神入化】
3 基于TextField實現(xiàn)頂部SearchBar-2【封裝組件出神入化】
4 搜索接口系分與搜索Dao層的實現(xiàn)【Dao層設(shè)計】
5 基于ListView實現(xiàn)搜索列表【面試加分錦囊】
6 搜索Item實現(xiàn)【實戰(zhàn)應(yīng)用】
7 動態(tài)Icon與富文本展示【面試加分錦囊】
8 本章小結(jié)

第14章 Flutter進(jìn)階拓展:開發(fā)包和插件開發(fā)【適用于拔高:成神之路,助你一臂之力】

本章主要講解Flutter的插件的開發(fā)流程與技巧,以及Flutter插件的發(fā)布經(jīng)驗,同時會講解如何甄選Flutter插件。

1 自測小作業(yè)(帶著4個問題去學(xué)習(xí))
2 開發(fā)Flutter包和插件的流程步驟【搞懂流程從容不迫】
3 Flutte包和插件的開發(fā)與發(fā)布
4 如何甄選Flutter包和插件
5 本章小結(jié)
6 對項目進(jìn)行組件化改造

第15章 Flutter進(jìn)階實戰(zhàn):智能AI語音搜索模塊實現(xiàn)【升職加薪】

本章主要講解智能AI在Flutter上的應(yīng)用,如何在Flutter中引入Native SDK,如何實現(xiàn)語音搜索的功能,如何調(diào)用Native SDK,如何在Flutter和Native之間進(jìn)行通信等。

1 自測小作業(yè)(帶著9個問題去學(xué)習(xí))
2 Android Native SDK集成流程【Android技術(shù)小試身手】
3 iOS Native SDK集成流程【iOS技術(shù)小試身手】
4 Flutter Plugin開發(fā)指南-Dart端實現(xiàn)【全棧皆宜】
5 Flutter Plugin開發(fā)指南-Android端實現(xiàn)-1【打通Flutter與Android的任通二脈】
6 Flutter Plugin開發(fā)指南-Android端實現(xiàn)-2【打通Flutter與Android的任通二脈】
7 Flutter Plugin開發(fā)指南-iOS端實現(xiàn)-1【打通Flutter與iOS的任通二脈】
8 Flutter Plugin開發(fā)指南-iOS端實現(xiàn)-2【打通Flutter與iOS的任通二脈】
9 Flutter AI智能語音界面開發(fā)-1【收獲果實】
10 Flutter AI智能語音界面開發(fā)-2【收獲果實】
11 Flutter AI智能語音搜索功能實現(xiàn)【錦上添花】
12 本章小結(jié)

第16章 Flutter進(jìn)階實戰(zhàn):旅拍模塊實現(xiàn)【助力職場】

本章主要講解旅拍模塊的設(shè)計與實現(xiàn),同時會講解如何實現(xiàn)瀑布流布局,如何實現(xiàn)Dao層,如何實現(xiàn)下拉刷新與上拉加載更多,以及對非常實用的滑動切換tab方案進(jìn)行講解。

1 旅拍模塊接口系分
2 旅拍模塊Dao層設(shè)計
3 使用TabBar+TabBarView 實現(xiàn)旅拍可滑動切換多Tab
4 實現(xiàn)旅拍瀑布流布局-1
5 實現(xiàn)旅拍瀑布流布局-2
6 實現(xiàn)旅拍卡片布局-1
7 實現(xiàn)旅拍卡片布局-2
8 旅拍頁面交互與我的頁面實現(xiàn)
9 本章小結(jié)

第17章 Flutter進(jìn)階拓展:全面屏、折疊屏適配與兼容【適用于面試】

本章節(jié)主要講解全屏幕、折疊屏的適配與優(yōu)化,并對全面屏的特點及存在的問題做出分析,同時教大家如何適配iPhone,華為,小米、三星等全面屏與凹凸屏手機(jī)。

1 啟動白屏問題解決與啟動屏開發(fā)-1
2 啟動白屏問題解決與啟動屏開發(fā)-2
3 Flutter 全屏幕適配指南
4 Flutter 折疊屏適配指南
5 本章小結(jié)

第18章 Flutter進(jìn)階拓展:打包發(fā)布Flutter應(yīng)用【適用于面試】

本章會教你對Flutter進(jìn)行發(fā)布前的優(yōu)化;以及如何打包發(fā)布Flutter Android應(yīng)用與Flutter iOS應(yīng)用。

1 Flutter項目優(yōu)化-1
2 Flutter項目優(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升級與適配指南【適用于工作:開發(fā)避雷針】

Flutter的升級與適配一直是困擾開發(fā)者的一個痛點,本章節(jié)將講解最新版Flutter的升級與適配的經(jīng)驗與技巧,同時會對比不同升級方式的優(yōu)缺點,并且給出適配建議。

1 Flutter升級與適配指南

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容