Flutter 學(xué)習(xí)路線圖！跨平臺開發(fā)必備，不可錯過的Flutter進(jìn)階歷程！

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

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

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

前言

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

了解Flutter

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

• Flutter是什么、歷史發(fā)展、有哪些優(yōu)點(diǎn)。
• Flutter對比其他跨平臺技術(shù)有哪些優(yōu)勢。
• Flutter整體框架。
• Flutter實(shí)現(xiàn)原理。
• Flutter響應(yīng)式編程實(shí)現(xiàn)原理。
• Flutter與Dart的關(guān)系及Dart特點(diǎn)。

不要一看上面“原理”就感覺好高深，對于初學(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的鑰匙，因此第一個要學(xué)習(xí)的就是相關(guān)UI控件，F(xiàn)lutter系統(tǒng)提供的組件非常多（估計300+），難道要都要學(xué)習(xí)一遍嗎？就算一天學(xué)3個控件，那也需要好幾個月，這明顯是不科學(xué)的，只需要學(xué)習(xí)常用的組件即可，哪些是常用組件？已經(jīng)為大家整理好了常用組件及相關(guān)用法，地址：laomengit.com ，不僅有常用組件，還有整理了150多個組件的相關(guān)用法，不常用組件只需瀏覽一下，知道Flutter提供了類似的組件，用到的時候在來查閱。

Dart基礎(chǔ)

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

• 如何導(dǎo)入包。
• 異步編程（Future、async、await）。
• 注釋。
• 命名規(guī)范
• 如何定義變量作用域（private、public）

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

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

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

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

動畫

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

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

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

本地數(shù)據(jù)存儲

本地數(shù)據(jù)的存儲有如下幾種方式：

• 文件讀取、寫入。
• shared_preferences：通過key-value的方式存放數(shù)據(jù)，適合存儲簡單的數(shù)據(jù)，比如配置數(shù)據(jù)等。
• sqflite：數(shù)據(jù)庫的形式存儲數(shù)據(jù)，適合存儲大量數(shù)據(jù)。

路由管理

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

國際化

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

混合開發(fā)

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

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

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

最后

Flutter作為跨平臺的救星，很多朋友想要開始卻不知道從哪里開始，這里給大家分享一套從入門到進(jìn)階的學(xué)習(xí)視頻以及整理好的學(xué)習(xí)文檔。

想要的朋友可以 點(diǎn)擊學(xué)習(xí)視頻 詳細(xì)了解哦

還有19個PDF文檔可供學(xué)習(xí)，告訴大家怎么從零開始學(xué)習(xí)！大家可以 關(guān)注我看個人介紹，也可以私 信我獲取

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

02配置編輯器

03 Flutter 從我們的模板創(chuàng)建一個新的Flutter應(yīng)用程序

04編寫您的第一個 Flutter App

05 Flutter中構(gòu)建布局

06 Flutter Widget框架

07 設(shè)計基礎(chǔ)之主題共享顏色和字體樣式

08 顯示網(wǎng)上的圖片

09 List集合

10 List處理點(diǎn)擊和手勢

11 實(shí)例程序之AppBar

12 示例程序之選項(xiàng)卡式的AppBar

13 如何學(xué)習(xí) Flutter 編譯Android項(xiàng)目

14 Flutter之資源加載

15 使用Flutter IDE

16 Flutter之使用熱重載

17 Flutter之調(diào)試 Flutter App

18 Flutter 之發(fā)布Android版APP

19 Flutter之發(fā)布的IOS版APP