Flutter 學習路線圖

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

選擇你熱愛的，堅持你選擇的，不抱怨放棄的。

前言

Flutter越來越火，學習Flutter的人越來越多，對於剛接觸Flutter的人來說最重要的是如何學習Flutter，重點學習Flutter的哪些內容。下面是Flutter的學習路線圖，學會這些你就入門了，當然這僅僅是初學者的學習路線圖，前路漫漫。

瞭解Flutter

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

• Flutter是什麼、歷史發展、有哪些優點。
• Flutter對比其他跨平臺技術有哪些優勢。
• Flutter整體框架。
• Flutter實現原理。
• Flutter響應式程式設計實現原理。
• Flutter與Dart的關係及Dart特點。

不要一看上面“原理”就感覺好高深，對於初學者要了解僅僅是思想，知道實現的思路，而不需要深入學習。

環境搭建

其實學習每一項技術首先都需要搭建環境，這並不屬於學習路線的一部分，拿到這裡單獨說，也並不是告訴大家如何搭建環境，而是給大家推薦環境的選擇，因為Flutter的開發並沒有專門的IDE，可以使用vscode、android studio等，這裡推薦使用android studio，系統建議Mac OS，因為Flutter目前主要用於Android和IOS的開發。

UI控制元件

UI控制元件的學習是進入Flutter的鑰匙，因此第一個要學習的就是相關UI控制元件，Flutter系統提供的元件非常多（估計300+），難道要都要學習一遍嗎？就算一天學3個控制元件，那也需要好幾個月，這明顯是不科學的，只需要學習常用的元件即可，哪些是常用元件？已經為大家整理好了常用元件及相關用法，地址：laomengit.com ，不僅有常用元件，還有整理了150多個元件的相關用法，不常用元件只需瀏覽一下，知道Flutter提供了類似的元件，用到的時候在來查閱。

Dart基礎

Flutter是用Dart語言開發的，所以我們需要Dart語言的基礎知識，如果你有其他高階語言的基礎，這一部分基本可以略過，只需瞭解如下內容：

• 如何匯入包。
• 非同步程式設計（Future、async、await）。
• 註釋。
• 命名規範
• 如何定義變數作用域（private、public）

因為這些方面和其他高階語言有些區別，至於其他的方法差別不大。

對於沒有其他語言基礎，甚至沒有程式設計基礎，這時候你需要找一本Dart基礎的書學習其中的知識。

手勢事件及事件傳遞機制

Flutter中有點選、長按、雙擊等各種手勢事件，學習如何給控制元件繫結手勢事件及事件的處理，最後需要對事件的傳遞機制有一定的瞭解。

動畫

Flutter提供了大量的動畫元件，但我們不僅僅是會使用這些元件，還要了解動畫元件的實現原理，自定義動畫元件。

網路請求

任何一個App基本都離不開請求網路，學會網路請求資料，強烈建議先了解下Dart自帶網路請求，然後使用 dio第三方庫獲取網路請求。

本地資料儲存

本地資料的儲存有如下幾種方式：

• 檔案讀取、寫入。
• shared_preferences：透過key-value的方式存放資料，適合儲存簡單的資料，比如配置資料等。
• sqflite：資料庫的形式儲存資料，適合儲存大量資料。

路由管理

什麼是路由？簡單的理解就是頁面的跳轉，從一個頁面跳轉到另一個頁面。路由管理就是對這些頁面跳轉到管理。

國際化

如果你的App需要國際化，那麼你需要學習國際化相關的內容，如何設定不同國家的文案等。當然這並不是必須的。

混合開發

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

• 在原生專案中增加Flutter模組。
• Flutter與原生通訊。

Flutter與原生通訊更為重要，因為一些涉及硬體功能Flutter必須透過原生實現，比如相機、藍芽等。

最後

Flutter作為跨平臺的救星，很多朋友想要開始卻不知道從哪裡開始，這裡給大家分享一套從入門到進階的學習影片以及整理好的學習文件。

想要的朋友可以 點選學習影片 詳細瞭解哦

還有19個PDF文件可供學習，告訴大家怎麼從零開始學習！大家可以 關注我看個人介紹，也可以私 信我獲取

01在Windows上搭建Flutter開發環境

02配置編輯器

03 Flutter 從我們的模板建立一個新的Flutter應用程式

04編寫您的第一個 Flutter App

05 Flutter中構建佈局

06 Flutter Widget框架

07 設計基礎之主題共享顏色和字型樣式

08 顯示網上的圖片

09 List集合

10 List處理點選和手勢

11 例項程式之AppBar

12 示例程式之選項卡式的AppBar

13 如何學習 Flutter 編譯Android專案

14 Flutter之資源載入

15 使用Flutter IDE

16 Flutter之使用熱過載

17 Flutter之除錯 Flutter App

18 Flutter 之釋出Android版APP

19 Flutter之釋出的IOS版APP