前言“小步快跑、快速迭代”的開(kāi)發(fā)大環(huán)境下“一套代碼、多端運(yùn)行”是很多開(kāi)發(fā)團(tuán)隊(duì)的夢(mèng)想美團(tuán)也一樣。他們做了很多跨平臺(tái)開(kāi)發(fā)框架的嘗試React Native、Weex、PWA 等等。但都沒(méi)有得到很好的解決直至遇到Flutter。Flutter 提供了一整套從底層渲染邏輯到上層開(kāi)發(fā)語(yǔ)言的完整方案有跨平臺(tái)、高保真、高性能等優(yōu)點(diǎn)。因此從發(fā)布開(kāi)始熱度一路攀升受到開(kāi)發(fā)者們的熱切青睞也有了 阿里閑魚(yú)、今日頭條、騰訊 Now 等在內(nèi)的一眾知名商業(yè)案例。我曾跟很多前端、Android、iOS 的開(kāi)發(fā)者聊過(guò)其中超過(guò) 80% 的人告訴我他正在或打算學(xué) Flutter 但他們中的大部分都遇到了這些問(wèn)題1、Flutter 從語(yǔ)言到開(kāi)發(fā)框架都是全新的技術(shù)棧的積累必須從頭開(kāi)始學(xué)起來(lái)很費(fèi)力。2、看了很多關(guān)于 Flutter 的教程可它們都太重視應(yīng)用層 API 各個(gè)參數(shù)的介紹或?qū)崿F(xiàn)細(xì)節(jié)感覺(jué)無(wú)從下手。想學(xué)好 Flutter不應(yīng)該僅停留細(xì)節(jié)層面更要深入它的原理、設(shè)計(jì)思路和通用理念。分享一張我收藏的 Flutter 核心知識(shí)圖譜里面涵蓋了開(kāi)發(fā)、調(diào)試、測(cè)試、發(fā)布、線上運(yùn)維及工程管理。只要你能掌握下面80%的知識(shí)點(diǎn)絕對(duì)可以搞懂 Flutter。Flutter 的優(yōu)點(diǎn)從出身來(lái)說(shuō)Flutter 是谷歌的所以對(duì)于 Android 開(kāi)發(fā)者來(lái)說(shuō)從開(kāi)發(fā)環(huán)境上來(lái)說(shuō)上手要容易很多。其次 Flutter 目前的更新與迭代非常頻繁在 3 月份發(fā)布了 Flutter的 2.0 版本支持了Android、iOS、Windows、macOS、Linux 平臺(tái)甚至未來(lái)可以會(huì)被嵌入到一些智能設(shè)備電視、智能家居甚至汽車(chē)。回歸到技術(shù)層面大家都知道以前比較熱門(mén)的跨端框架是 React Native實(shí)現(xiàn)原理主要是利用 js 將頁(yè)面上的控件轉(zhuǎn)化為原生控件這樣就帶來(lái)了很多問(wèn)題例如新控件的適配以及不同平臺(tái)控件的差異性沒(méi)法磨平一個(gè)頁(yè)面Android、iOS展示效果有差異UI 同學(xué)不會(huì)同意吧。而 Flutter 徹底改變了之前「轉(zhuǎn)化」的思路采用了全新的 Widget完全自己繪制屏蔽掉平臺(tái)的差異性。最后Flutter 整個(gè)社區(qū)的活躍度非常高出問(wèn)題有地方查有大廠分享最佳實(shí)踐不香嗎找工作的加分項(xiàng)Flutter目前也是Android開(kāi)發(fā)崗位的加分項(xiàng)下面是我在Boss上面搜到的一部分招聘信息。通過(guò)上圖我們可以看出很多大廠在高薪招聘這方面的人才Flutter 確確實(shí)實(shí)可以成為我們找工作的一個(gè)幫助。Android開(kāi)發(fā)該如何快速上手Flutter我們可以利用 Flutter 官方網(wǎng)站的教程搭建好環(huán)境寫(xiě)出一些 Demo 示例在此之后需要了解如何混合開(kāi)發(fā)“萬(wàn)物皆 Widget”到底怎么理解對(duì)于 State 的理解等原理知識(shí)…這些對(duì)我們Android開(kāi)發(fā)來(lái)說(shuō)都有一定的難度。為了讓大家快速無(wú)痛上手 Flutter給大家分享一份阿里大神總結(jié)的《Flutter進(jìn)階學(xué)習(xí)筆記》。整理大綱為什么Flutter是跨平臺(tái)開(kāi)發(fā)的終極之選在Windows上搭建Flutter開(kāi)發(fā)環(huán)境編寫(xiě)您的第一個(gè) Flutter AppFlutter開(kāi)發(fā)環(huán)境搭建和調(diào)試Dart語(yǔ)法篇之基礎(chǔ)語(yǔ)法(一)Dart語(yǔ)法篇之集合的使用與源碼解析(二)Dart語(yǔ)法篇之集合操作符函數(shù)與源碼分析(三)Dart語(yǔ)法篇之函數(shù)的使用(四)Dart語(yǔ)法篇之面向?qū)ο蠡A(chǔ)(五)Dart語(yǔ)法篇之面向?qū)ο罄^承和Mixins(六)Dart語(yǔ)法篇之類型系統(tǒng)與泛型(七)Flutter中的widget第一章 為什么Flutter是跨平臺(tái)開(kāi)發(fā)的終極之選這是為什么跨平臺(tái)開(kāi)發(fā)什么是 FlutterFlutter 的特性Flutter 構(gòu)建應(yīng)用的工具使用 Flutter 構(gòu)建的熱門(mén)應(yīng)用構(gòu)建 Flutter 應(yīng)用的成本……第二章 在Windows上搭建Flutter開(kāi)發(fā)環(huán)境使用鏡像系統(tǒng)要求獲取Flutter SDK編輯器設(shè)置Android設(shè)置起步: 配置編輯器起步: 體驗(yàn)體驗(yàn)熱重載創(chuàng)建新的應(yīng)用運(yùn)行應(yīng)用程序……第三章 編寫(xiě)您的第一個(gè) Flutter App第1步: 創(chuàng)建 Flutter app第2步: 使用外部包(package)第3步: 添加一個(gè) 有狀態(tài)的部件Stateful widget第4步: 創(chuàng)建一個(gè)無(wú)限滾動(dòng)ListView第5步: 添加交互第6步: 導(dǎo)航到新頁(yè)面第7步使用主題更改UI……第四章 Flutter開(kāi)發(fā)環(huán)境搭建和調(diào)試開(kāi)發(fā)環(huán)境的搭建模擬器的安裝與調(diào)試開(kāi)發(fā)環(huán)境的搭建模擬器的安裝與調(diào)試……第五章 Dart語(yǔ)法篇之基礎(chǔ)語(yǔ)法(一)Hello Dart數(shù)據(jù)類型變量和常量集合(List、Set、Map)流程控制運(yùn)算符異常函數(shù)……第六章 Dart語(yǔ)法篇之集合的使用與源碼解析(二)ListSetMapQueueLinkedListHashMapMap、HashMap、LinkedHashMap、SplayTreeMap區(qū)別命名構(gòu)造函數(shù)from和of的區(qū)別以及使用建議……第七章 Dart語(yǔ)法篇之集合操作符函數(shù)與源碼分析(三)IterableforEachmapanyeverywherefirstWhere和singleWhere和lastWherejointaketakeWhile……第八章 Dart語(yǔ)法篇之函數(shù)的使用(四)函數(shù)參數(shù)匿名函數(shù)(閉包lambda)箭頭函數(shù)局部函數(shù)頂層函數(shù)和靜態(tài)函數(shù)main函數(shù)……第九章 Dart語(yǔ)法篇之面向?qū)ο蠡A(chǔ)(五)……第十章 Dart語(yǔ)法篇之面向?qū)ο罄^承和Mixins(六)……第十一章 Dart語(yǔ)法篇之類型系統(tǒng)與泛型(七)……第十二章 Flutter中的widget……特別認(rèn)同一句話只有擁抱變化才能比別人更早發(fā)現(xiàn)機(jī)會(huì)。沒(méi)有誰(shuí)甘愿薪資增長(zhǎng)緩慢或一直被無(wú)情壓榨或早或晚我們都會(huì)走上進(jìn)階之路。與其被動(dòng)接受不如主動(dòng)出擊先爭(zhēng)取成為技術(shù)強(qiáng)思維深視野廣的工程師機(jī)會(huì)來(lái)臨時(shí)才能從容不迫地順應(yīng)而上比別人更快一步。