我看完掘金上的227篇文章，總結出一份 Flutter 入門教程

2018年6月21日，Google 在 GTMC 大會上發佈了 Flutter preview 1。這標誌着 Flutter 發展已經進入到一個新階段，即將迎來 1.0 的穩定版本。

本文致力於整理 Flutter 的入門的文章。做爲本身學習 Flutter 的學習筆記。同時但願這篇文章能幫助小夥伴入門 Flutter 。

Flutter 簡介

若是你第一次接觸 Flutter ，你應該從簡介開始，在簡介中你能夠了解到 Flutter 是什麼，有哪些優勢。 Flutter 和其餘的跨平臺框架的差別……。總之，它能更好的帶你初步瞭解Flutter。

爲何原生應用開發者須要關注 Flutter

若是你是 iOS、Android 的原生開發者，那你應該看一下這篇文章，這篇文章清晰的說明了爲何原生開發這須要關注 Flutter。簡單易學高效的 Dart 語言、反應式的 Flutter、以及一切都是Wiget……，看完這些以後，你會感受到 Flutter 的簡潔強大。你會中止下來手頭的正在寫的 Swift 和 Kotlin 代碼，去了解一下 Flutter 是什麼。

Flutter 英文官網

在這個網站中你必須看懂的是怎樣配置 Flutter 的開發環境。爲何不用 Flutter 中文網？由於最新特性須要翻譯，網站更新須要時間。

Flutter 安裝（Windows）

若是你在官網學習如何安裝 Flutter 遇到了問題，那麼應該找學習一下前人的經驗了。這篇文章講解了如何在 Windows 上安裝 Flutter SDK。但願給使用 Windows 做爲開發機器的小夥伴一點幫助。

Flutter 安裝（Mac）

若是你使用的是 Mac，這篇詳細的教程能夠幫到你。

Google 跨平臺方案 Flutter 從入門到實戰

配置好基本環境之後，咱們要學習的是 Flutter 的基本語法，內容包括：變量聲明、數據類型、判斷和循環條件等基礎知識。雖然編程語言變幻無窮，可是學習路徑永遠是這樣。建議你在學習 Flutter 基礎知識的時候對照着本身正在使用的編程語言的學習路徑，對應起來學習。有對比學的更快些。

若是你一步一步的學習，學到這裏，算是完成了小成就。你如今能夠輕鬆的寫下幾行 Dart 的代碼，而後運行一個 Hello World 程序。

Flutter 佈局詳解

學習過 Hello World 程序以後。咱們能夠開始學習 Flutter 佈局了。學習佈局意味着咱們能夠使用 Flutter 構建移動應用界面，一套代碼，能夠在 Android 和 iOS 上運行。本文主要介紹了 Flutter 佈局的相關內容，從實際的例子出發，講解該如何使用 Flutter 進行佈局。

Flutter 佈局（一）- Container詳解

本文列舉了 Flutter中 最多見的佈局 Container， 列舉的一些實際應用的例子以及使用方法。

Flutter 佈局（二）- Padding、Align、Center詳解

這篇文章介紹了 Flutter 常見的集中控件，包括：Padding 、 Align 、 Center。介紹了他們的佈局行爲以及使用場景。

Flutter 佈局（三）- FittedBox、AspectRatio、ConstrainedBox詳解

這篇文章介紹了 Flutter 常見的集中控件，包括：FittedBox 、 AspectRatio 、 ConstrainedBox。介紹了他們的佈局行爲以及使用場景。

Flutter Widgets: Image

介紹了 Flutter 的 Image 控件的使用方法。

Flutter Widgets: Text

介紹了 Flutter 的 Text 控件的使用方法

顯然，講解Flutter佈局的文章還不是很全面，在後的更新中會進行補充。

在學習 Dart 基本語法、Flutter佈局這些知識以後，距離咱們作一個有數據交互的 Flutter App 還須要學習最後一部分知識：網絡請求。

淺嘗 Flutter 中的 http 請求

這篇文章中，做者介紹瞭如何在 Flutter 中使用 http 請求來完成一個新聞頁面的功能，數據源使用的 Django+Mysql，若是你在未缺乏數據源而感到哦困惱，你能夠嘗試一下豆瓣開發者服務中提供的數據接口。你能夠不用很詳細的編寫頁面，可是必定要掌握如何使用 Flutter 進行網絡請求。

練習題：

Flutter 實戰之實現一個簡單的新聞閱讀器

做者經過一些公共的數據接口，完成了一個簡單的新聞閱讀 App，經過這個例子能夠完成的使用到Dart語法、佈局和控件以及網絡請求的相關知識。

基於 Google Flutter 的開源中國客戶端，支持Android與iOS

做者經過使用開源中國的相關 API 和數據爬蟲，實現了一個有功能的開源中國客戶端，經過這個例子也能夠完成的使用到 Dart 語法、佈局和控件以及網絡請求的相關知識。

到此，你能夠使用 Flutter 的構建一個具備精美界面、使用 Dart 構建的、有數據請求的 iOS 或 Android 應用。

個人一篇文章承載不了 Flutter 全部的知識點，若是你想了解更多關於 Flutter 的相關知識，你能夠關注一下掘金的Flutter 的 Tag，目前該Tag下一共有227篇文章。內容包含從 Flutter Beta 3 以來的全部關於 Flutter 的內容，相信這些文章可以更好的幫助你學習 Flutter 。

咱們創建了掘金 Flutter 技術交流羣，若是你在移動端閱讀本篇文章，你能夠複製小熊姐微信號：Fedjiang ，Web端和微信端能夠經過掃描二維碼，回覆 flutter 獲取加羣連接。