Flutter開發(fā)進(jìn)階學(xué)習(xí)指南

現(xiàn)在的開發(fā)大環(huán)境就是“小步快跑、快速迭代”，“一套代碼、多端運(yùn)行”這一直是很多開發(fā)團(tuán)隊(duì)的夢想，美團(tuán)也一樣。

他們做了很多跨平臺開發(fā)框架的嘗試：React Native、Weex、PWA 等等，但都沒有得到很好的解決，直至遇到 Flutter。

• Flutter 提供了一整套從底層渲染邏輯到上層開發(fā)語言的完整方案

• 跨平臺

• 高保真

• 高性能

• ……

從剛發(fā)布開始，F(xiàn)lutter 的熱度一路攀升，受到眾多開發(fā)者的青睞。發(fā)展到現(xiàn)在已經(jīng)有了 阿里閑魚、今日頭條、騰訊 Now 直播 等在內(nèi)的一眾知名大廠案例。

通過溝通調(diào)查，我身邊超過 80% 的人告訴我他正在或打算學(xué) Flutter ，他們向我反映了一些學(xué)習(xí)過程中的問題，下面是對他們反映的問題的一些綜合化整理：

1、Flutter 從語言到開發(fā)框架都是全新的，技術(shù)棧的積累必須從頭開始，學(xué)起來很費(fèi)力；

2、看了很多關(guān)于 Flutter 的教程，可它們都太重視應(yīng)用層 API 各個參數(shù)的介紹或?qū)崿F(xiàn)細(xì)節(jié)，感覺無從下手。

3、……

作為一個多年經(jīng)驗(yàn)的移動開發(fā)者，我深以為，想學(xué)好 Flutter，我們不應(yīng)該僅停留細(xì)節(jié)層面，更要深入它的原理、設(shè)計(jì)思路和通用理念。

下面的是一張大佬分享出來的 Flutter 核心知識圖譜，里面涵蓋了開發(fā)、調(diào)試、測試、發(fā)布、線上運(yùn)維及工程管理。相信大家如果可以掌握其中80%的知識點(diǎn)，就可以搞懂 Flutter 了。

作為輔助，為了讓大家快速無痛上手 Flutter，在這里免費(fèi)分享給大家一份來自阿里大佬Git高星的 Flutter 學(xué)習(xí)筆記。

2021年還沒上手 Flutter 的移動開發(fā)者們可以看看這份學(xué)習(xí)筆記了！

• 為什么Flutter是跨平臺開發(fā)的終極之選

• 在Windows上搭建Flutter開發(fā)環(huán)境

• 編寫您的第一個 Flutter App

• Flutter開發(fā)環(huán)境搭建和調(diào)試

• Dart語法篇之基礎(chǔ)語法(一)

• Dart語法篇之集合的使用與源碼解析(二)

• Dart語法篇之集合操作符函數(shù)與源碼分析(三)

• Dart語法篇之函數(shù)的使用(四)

• Dart語法篇之面向?qū)ο蠡A(chǔ)(五)

• Dart語法篇之面向?qū)ο罄^承和Mixins(六)

• Dart語法篇之類型系統(tǒng)與泛型(七)

• Flutter中的widget

注：鑒于目前網(wǎng)上還沒有比較規(guī)范、系統(tǒng)的整理，該學(xué)習(xí)手冊中的內(nèi)容都是根據(jù)筆者的一個框架在網(wǎng)上進(jìn)行的搜集整理。本文開源，僅用于技術(shù)交流分享，感謝大佬熊貓先生對Dart語法部分的博客分享，感謝一同整理資料的小伙伴。大家可以通過文末二維碼獲??！

掃描下方二維碼立即獲取

報(bào)名0.1元加固&逆向訓(xùn)練營立即領(lǐng)取

（如遇掃碼頻繁受限，點(diǎn)擊文末閱讀原文）

第一章 為什么Flutter是跨平臺開發(fā)的終極之選

• 什么是 Flutter

• Flutter 的特性

• Flutter 構(gòu)建應(yīng)用的工具

• 使用 Flutter 構(gòu)建的熱門應(yīng)用

• 構(gòu)建 Flutter 應(yīng)用的成本

• ……

第二章 在Windows上搭建Flutter開發(fā)環(huán)境

• 使用鏡像

• 系統(tǒng)要求

• 獲取Flutter SDK

• 編輯器設(shè)置

• Android設(shè)置

• 起步: 配置編輯器

• 起步: 體驗(yàn)

• 體驗(yàn)熱重載

• 創(chuàng)建新的應(yīng)用

• 運(yùn)行應(yīng)用程序

• ……

第三章 編寫您的第一個 Flutter App

• 第1步: 創(chuàng)建 Flutter app

• 第2步: 使用外部包(package)

• 第3步: 添加一個 有狀態(tài)的部件（Stateful widget）

• 第4步: 創(chuàng)建一個無限滾動ListView

• 第5步: 添加交互

• 第6步: 導(dǎo)航到新頁面

• 第7步：使用主題更改UI

• ……

第四章 Flutter開發(fā)環(huán)境搭建和調(diào)試

• 開發(fā)環(huán)境的搭建

• 模擬器的安裝與調(diào)試

• 開發(fā)環(huán)境的搭建

• 模擬器的安裝與調(diào)試

• ……

第五章 Dart語法篇之基礎(chǔ)語法(一)

• Hello Dart

• 數(shù)據(jù)類型

• 變量和常量

• 集合(List、Set、Map)

• 流程控制

• 運(yùn)算符

• 異常

• 函數(shù)

• ……

第六章 Dart語法篇之集合的使用與源碼解析(二)

• List

• Set

• HashMap

• Map、HashMap、LinkedHashMap、SplayTreeMap區(qū)別

• 命名構(gòu)造函數(shù)from和of的區(qū)別以及使用建議

• ……

第七章 Dart語法篇之集合操作符函數(shù)與源碼分析(三)

• Iterable<E>

  Iterable類關(guān)系圖

  Iterable類方法圖

• forEach

  介紹

  使用方式

  源碼解析

• map

• any

• every

• ……

第八章 Dart語法篇之函數(shù)的使用(四)

• 函數(shù)參數(shù)

• 匿名函數(shù)(閉包，lambda)

• 箭頭函數(shù)

• 局部函數(shù)

• 頂層函數(shù)和靜態(tài)函數(shù)

• main函數(shù)

• ……

第九章 Dart語法篇之面向?qū)ο蠡A(chǔ)(五)

• 屬性訪問器(accessor)函數(shù)setter和getter

• 面向?qū)ο笾械淖兞?/span>

• 構(gòu)造函數(shù)

• 抽象方法、抽象類和接口

• 類函數(shù)

• ……

第十章 Dart語法篇之面向?qū)ο罄^承和Mixins(六)

• 類的單繼承

• 基于Mixins的多繼承

• ……

第十一章 Dart語法篇之類型系統(tǒng)與泛型(七)

• 可選類型

• 接口類型

• 泛型

• 類型具體化

• ……

第十二章 Flutter中的widget

• Flutter頁面-基礎(chǔ)Widget

• Widget

• StatelessWidget

• Stateful Widget

• State生命周期

• 基礎(chǔ)widget

• 文本顯示

• ……

希望這份資料可以給想要了解 Flutter 并快速上手的朋友一些幫助以及一個參考方向。

需要完整版Flutter技術(shù)進(jìn)階學(xué)習(xí)筆記的朋友，掃描下方二維碼，報(bào)名0.1元 Flutter 訓(xùn)練營領(lǐng)?。ㄈ缬鰭叽a頻繁，點(diǎn)擊文末左下角閱讀原文領(lǐng)取哦）~

報(bào)名0.1元 Flutter 訓(xùn)練營
立即學(xué)習(xí)

千里之行始于足下，你我共勉。