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還有疑問或者技術方面的疑惑，歡迎加入Flutter交流群（微信：laomengit）。

同時也歡迎關注我的Flutter公眾號【老孟程式設計師】，公眾號首發Flutter的相關內容。

推薦Flutter元件學習地址：laomengit.com