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個控制項，那也需要好幾個月，這明顯是不科學的，只需要學習常用的組件即可，哪些是常用組件？已經為大家整理好了常用組件及相關用法，地址：http://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組件學習地址：http://laomengit.com