Flutter 學(xué)習(xí)路線圖

如果你真的覺得很難，堅(jiān)持不了了，那就放棄，既然放棄了就不要抱怨沒有得到。

選擇你熱愛的，堅(jiān)持你選擇的，不抱怨放棄的。

前言

Flutter越來越火，學(xué)習(xí)Flutter的人越來越多，對(duì)于剛接觸Flutter的人來說最重要的是如何學(xué)習(xí)Flutter，重點(diǎn)學(xué)習(xí)Flutter的哪些內(nèi)容。下面是Flutter的學(xué)習(xí)路線圖，學(xué)會(huì)這些你就入門了，當(dāng)然這僅僅是初學(xué)者的學(xué)習(xí)路線圖，前路漫漫。

了解Flutter

這是一個(gè)非常虛的概念，也不必花費(fèi)非常多的時(shí)間去專門了解，只需在搜索引擎上搜索大概瀏覽下相關(guān)內(nèi)容即可，這可以讓你對(duì)Flutter有一個(gè)全面的、站在頂層的了解，了解的內(nèi)容如下：

• Flutter是什么、歷史發(fā)展、有哪些優(yōu)點(diǎn)。

• Flutter對(duì)比其他跨平臺(tái)技術(shù)有哪些優(yōu)勢(shì)。

• Flutter整體框架。

• Flutter實(shí)現(xiàn)原理。

• Flutter響應(yīng)式編程實(shí)現(xiàn)原理。

• Flutter與Dart的關(guān)系及Dart特點(diǎn)。

不要一看上面“原理”就感覺好高深，對(duì)于初學(xué)者要了解僅僅是思想，知道實(shí)現(xiàn)的思路，而不需要深入學(xué)習(xí)。

環(huán)境搭建

其實(shí)學(xué)習(xí)每一項(xiàng)技術(shù)首先都需要搭建環(huán)境，這并不屬于學(xué)習(xí)路線的一部分，拿到這里單獨(dú)說，也并不是告訴大家如何搭建環(huán)境，而是給大家推薦環(huán)境的選擇，因?yàn)镕lutter的開發(fā)并沒有專門的IDE，可以使用vscode、android studio等，這里推薦使用android studio，系統(tǒng)建議Mac OS，因?yàn)镕lutter目前主要用于Android和IOS的開發(fā)。

UI控件

UI控件的學(xué)習(xí)是進(jìn)入Flutter的鑰匙，因此第一個(gè)要學(xué)習(xí)的就是相關(guān)UI控件，F(xiàn)lutter系統(tǒng)提供的組件非常多（估計(jì)300+），難道要都要學(xué)習(xí)一遍嗎？就算一天學(xué)3個(gè)控件，那也需要好幾個(gè)月，這明顯是不科學(xué)的，只需要學(xué)習(xí)常用的組件即可，哪些是常用組件？已經(jīng)為大家整理好了常用組件及相關(guān)用法，地址：http:// ，不僅有常用組件，還有整理了150多個(gè)組件的相關(guān)用法，不常用組件只需瀏覽一下，知道Flutter提供了類似的組件，用到的時(shí)候在來查閱。

Dart基礎(chǔ)

Flutter是用Dart語言開發(fā)的，所以我們需要Dart語言的基礎(chǔ)知識(shí)，如果你有其他高級(jí)語言的基礎(chǔ)，這一部分基本可以略過，只需了解如下內(nèi)容：

• 如何導(dǎo)入包。

• 異步編程（Future、async、await）。

• 注釋。

• 命名規(guī)范

• 如何定義變量作用域（private、public）

因?yàn)檫@些方面和其他高級(jí)語言有些區(qū)別，至于其他的方法差別不大。

對(duì)于沒有其他語言基礎(chǔ)，甚至沒有編程基礎(chǔ)，這時(shí)候你需要找一本Dart基礎(chǔ)的書學(xué)習(xí)其中的知識(shí)。

手勢(shì)事件及事件傳遞機(jī)制

Flutter中有點(diǎn)擊、長(zhǎng)按、雙擊等各種手勢(shì)事件，學(xué)習(xí)如何給控件綁定手勢(shì)事件及事件的處理，最后需要對(duì)事件的傳遞機(jī)制有一定的了解。

動(dòng)畫

Flutter提供了大量的動(dòng)畫組件，但我們不僅僅是會(huì)使用這些組件，還要了解動(dòng)畫組件的實(shí)現(xiàn)原理，自定義動(dòng)畫組件。

網(wǎng)絡(luò)請(qǐng)求

任何一個(gè)App基本都離不開請(qǐng)求網(wǎng)絡(luò)，學(xué)會(huì)網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)，強(qiáng)烈建議先了解下Dart自帶網(wǎng)絡(luò)請(qǐng)求，然后使用dio第三方庫獲取網(wǎng)絡(luò)請(qǐng)求。

本地?cái)?shù)據(jù)存儲(chǔ)

本地?cái)?shù)據(jù)的存儲(chǔ)有如下幾種方式：

• 文件讀取、寫入。

• shared_preferences：通過key-value的方式存放數(shù)據(jù)，適合存儲(chǔ)簡(jiǎn)單的數(shù)據(jù)，比如配置數(shù)據(jù)等。

• sqflite：數(shù)據(jù)庫的形式存儲(chǔ)數(shù)據(jù)，適合存儲(chǔ)大量數(shù)據(jù)。

路由管理

什么是路由？簡(jiǎn)單的理解就是頁面的跳轉(zhuǎn)，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面。路由管理就是對(duì)這些頁面跳轉(zhuǎn)到管理。

國(guó)際化

如果你的App需要國(guó)際化，那么你需要學(xué)習(xí)國(guó)際化相關(guān)的內(nèi)容，如何設(shè)置不同國(guó)家的文案等。當(dāng)然這并不是必須的。

混合開發(fā)

混合開發(fā)是一個(gè)非常重要的內(nèi)容，即使你完全使用Flutter開發(fā)一個(gè)全新的App，也可能涉及到原生開發(fā)。這部分你需要了解如下內(nèi)容：

• 在原生項(xiàng)目中增加Flutter模塊。

• Flutter與原生通信。

Flutter與原生通信更為重要，因?yàn)橐恍┥婕坝布δ蹻lutter必須通過原生實(shí)現(xiàn)，比如相機(jī)、藍(lán)牙等。

交流

如果你對(duì)Flutter還有疑問或者技術(shù)方面的疑惑，歡迎加入Flutter交流群（微信：laomengit）。

同時(shí)也歡迎關(guān)注我的Flutter公眾號(hào)【老孟程序員】，公眾號(hào)首發(fā)Flutter的相關(guān)內(nèi)容。

推薦Flutter組件學(xué)習(xí)地址：http://