一個很棒的Flutter學習資源列表

目錄

• 文章
  • 一開始
  • HOWTO文檔
  • 網站/博客
  • 高級
• 視頻
• 組件
  • 演示
  • UI
  • 材料設計
  • 圖片
  • 地圖
  • 圖表
  • 導航
  • 驗證
  • 文字和富文本
  • 分析、流量統計
  • 自動構建
  • 風格樣式
  • 媒體
    • 音頻
    • 視頻
    • 語音
  • 存儲
  • 獲利
• 模板
• 插件
  • 服務
  • 掃碼器
  • 藍牙 / NFC / 信號燈
• 框架
  • Redux / ELM / 依賴注入
  • 動畫
  • 遊戲引擎
  • 其餘
• 開源App
  • 遊戲
• 基礎設施
• 社區
  • 好玩的
• 福利

文章

一開始

• Google IO 2018 [1K👏] - 構建美觀，靈活的用戶界面。
• Zero to One [2.7K👏] - Flutter基礎知識，由Mikkel Ravn提供。
• From Install to ListView [679👏] - 全系列4篇文章，由Chema Rubio提供。

教程

• Animated Chat - 經過Google Code Labs構建漂亮的用戶界面。
• Firebase Chat - Google Code Labs整合Firebase。
• Planets-Flutter: from design to app - 詳細的planets設計教程。

HOWTO文檔

• Zero to One Animation [804👏] - 專一於動畫，由Mikkel Ravn提供。
• Google Cloud Functions - Google Cloud Functions支持的APP，由Romin Irani提供。
• Firebase [382👍] - Firebase實時編碼。
• Securing Apps [249👏] - 討論了增強基於Flutter的APP安全性的幾個方面的文章。
• Build your plugins [365👏] - 如何製做自定義插件，由Karthik Ponnam提供。
• Build Flavor [523👏] - 定義構建配置並切換它們，由Salvatore Giordano提供。

網站/博客

• SZAŁKO-BLOG - 漸進式高級設計，由Marcin Szalek提供。
• Sergi & Replace - 從基礎到高級文章和教程， 由 Sergi Martínez提供。
• Flutter by Example - 基於Redux，Firebase，自定義動畫和UI的教程。
• Flutter Institute - 很是原創的內容和教程，由 Brian Armstrong提供。
• Iirokrankka.com - 關於Flutter，Dart和任何相關的文章和教程，由Iiro Krankka提供。
• Norbert - 深度文章、特點與應用建立，由 Norbert515提供。
• Welcome to Flutter - 英語和法語博客致力於爲有關Flutter的大多數問題提供實用的解決方案。

高級

• Rendering Pipeline [156👍] - 引擎架構。
• Render Objects [1.1K👏] - 什麼是小部件，RenderObjects和Elements？由Norbert515提供。
• Streams and RxDart - 技能人員演示文稿，由 Brian Egan提供。
• Gesture System [333👏] - 深刻了解Flutter手勢，由 Nash提供。
• Schemas - Widget, State, Context 以及 InheritedWidget的說明，由Didier Boelens提供。

視頻

• Tensor Programming [67🎬] - 很是豐富的Dart Flutter 教程，由Tensor Programming提供。
• Fluttery - Fluttery是一個致力於使用Flutter框架進行挑戰和探索的頻道。
• Brandon Donnelson [55🎬] - 包含佈局，數據庫和技巧的視頻。
• Mtechviral [93🎬] - Mtechviral的Flutter系列教程由 Pawan Kumar提供。
• Udacity - 使用Flutter構建原生移動APP。
• VoidRealms [43🎬] - 從基礎到高級的視頻教程。
• Coding With Flutter [15🎬] - Flutter視頻教程和實時編碼示例，由Andrea Bizzotto提供。

組件

演示

• Official Gallery - Flutter Team提供的材料設計小部件演示。
• Posse Gallery [160★] - 高級演示，由 Posse提供。
• Flutter Examples [1090★] - 簡單獨立的App示例，由Nishant Srivastava提供。

UI

• 3D Object [27★] - 用於在畫布上呈現wavefront obj文件的flutter組件，由 Hemanth Raj提供。
• Contact Picker [14★] - 從地址簿中挑選聯繫人的組件，由 Michael Goderbauer提供。
• Parallax [176★] - 具備ViewPager轉場效果的Flutter組件，由 Iiro Krankka提供。
• StaggeredGridView [195★] - 一個用於Flutter上的交錯網格視圖組件，支持多列不一樣大小的行，由 Romain Rastel提供。
• Sticky Header [77★] - 帶有粘性頭部效果的組件，由Romain Rastel提供。
• Radial Menu [106★] - Flutter的徑向菜單小部件，由 Victor Choueiri提供。
• Tinder Cards [104★] - 相似Tinder喜歡刷卡效果的組件 Ivascu Adrian。
• Sticky Headers [121★] - 可配置的帶粘粘頭部效果的組件，由 Simon Lightfoot提供。
• Login Animation [205★] - 提供從登陸到首頁的流暢動畫組件，由Ruchika Gupta提供。
• List Drag&Drop [83★] - 使用拖放從新排序列表元素的組件，由Norbert515提供。
• Calendar Widget [20★] - 日曆組件，由 David Bennett提供。
• Side Header List [75★] - 帶粘粘頭部效果的Listview， 由Rene Floor提供。
• Shimmer [129★] - 內容加載時帶有微光效果的組件，由 HungHD提供。
• Flip Panel [65★] - 帶內置動畫的翻轉面板，由 HungHD提供。
• Facebook Reactions [37★] - FacebookReactions小工具，由 Duy Tran提供。
• Flushbar [47★] - 高度可配置的Snackbar，由Andre Haueisen提供。

材料設計

• Material Color Picker [28★] - 基於Google Docs的顏色選擇器 由Lung Razvan提供。
• Unicorn Speed Dial [51★] - 帶有快速撥號Flutter浮動動做按鈕 ，由 Tiago Martins提供。
• Slidable [192★] - 帶有左右滑動操做的可滑動列表項組件，由 Romain Rastel提供。
• RangeSlider [35★] - 滑動選擇範圍的Flutter組件，由Didier Boelens提供。

圖片

• Image Picker - 圖片選擇組件，由Collin Jackson提供。
• Zoomable Image [62★] - 帶有手勢放大縮小圖片的組件。
• Carousel Slider [76★] - 輪播滑塊小部件，支持無限滾動和自定義子小部件，由 serenader提供。
• Parallax Image [70★] - 帶有滑動視差效果的Image 組件，由 Anatoly Pulyaevskiy提供。
• Photo View [105★] - 簡單的可縮放的Image組件，由Renan C. Araújo提供。
• SVG [137★] - 支持SVG 解析和渲染的庫，由 Dan Field提供。
• Image Cropper [120★] - 圖片裁切庫，支持旋轉，縮放，以及按照比例裁切，由 HungHD提供。
• Cached Network Image [138★] - 顯示來自網絡的圖像並將其保存在緩存中。

地圖

• Google Map View [276★] - Google地圖插件，由 AppTree Software提供。
• GeoCoder [23★] - 提供正向和反向地理編碼庫，由 Aloïs Deniel提供。
• Map [222★] - 基於Leaflet的，可定製的地圖解決方案，由 AppTree Software提供。
• Mapbox GL [117★] - 交互式，可定製的矢量地圖。

圖表

• Circular Chart [113★] - 在Flutter中建立動畫圓形圖表小部件的庫，由 Victor Choueiri提供。
• Charts [83★] - 一個Flutter的圖表庫，由 Milan Zimmermann提供。
• Sparkline [65★] - 美麗的Sparkline圖，由Victor Choueiri提供。
• Charts [255★] - Google出品的圖表庫。
• Flutter Plot [9★] - 一個漂亮的繪圖包，由 R. C. Howell提供。
• Candlesticks [51★] - 優雅的OHLC K線和交易量圖表，由 Trent Piercy提供。
• FCharts [158★] - 漂亮，反應靈敏，帶有動畫的圖標，由 Keenan Thompson提供。

導航

• Fluro [423★] - 用於Flutter 導航的最亮，最時尚，最酷的路由組件，由Posse提供。
• PageView Indicator [18★] - 一個用在PageView上的指示器， Leo Cavalcante。
• Quick Actions - 這個Flutter插件容許你管理APP的主屏幕快速操做並與之交互。
• Swiper [35★] - siwiper組件，支持多種佈局方式，無限輪播，由Xueliang Ren提供。

驗證

• Local Auth - 支持Touch ID, 指紋，鎖屏識別驗證的Flutter庫。
• Login [145★] - 自持Face ID, Touch ID, 和 指紋識別驗證的Flutter庫，由Rody Davis提供。
• Google Sign-In - Google 登陸SDK.
• Firebase Auth - Firebase 登陸SDK.
• Facebook Login [95★] - 使用原生Android和iOS的Facebook登陸SDK進行身份驗證 Iiro Krankka。
• OAuth [66★] - Buffer, Strava, Unsplash, Github 登陸驗證，由 Joe Birch提供。
• Instagram - Instagram 登陸驗證由 Wilfried Mbouenda Mbogne提供。
• Firebase Phone Auth [147👏] - 電話號碼經過短信身份驗證，由 Gildásio Filho提供。
• SimpleAuth [31★] - Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github的登陸驗證，由 James Clancey提供。

文字和富文本

• Markdown [92★] - Flutter的Markdown渲染器， 支持原始格式，但沒有內聯html。
• Rich Text Editor [50★] - 帶樣式的文本編輯器，由Lung Razvan提供。
• Masked Text [20★] - 支持掩蔽文本，定製和貨幣格式化的輸入控件，由Ben-hur Santos Ott提供。
• Zefyr [183★] - 一個富文本編輯器，由 Memspace提供。

分析、流量統計

• Usage [36★] - 用於命令行，Web和FlutterAPP的Google 分析插件。
• Firebase Analytics - 支持鏈接到Firebase 分析 API的插件.
• Segment.com Analytics [3★] - 使你使用Segment.com分析變得垂手可得！ 由Faisal Abid提供。

自動構建

• Travis CI for Flutter [28★] - 用於Flutter上的持續集成工具，由 Yegor Jbanov提供。
• Test on Travis [302👏] - 小部件測試框架，由 Yegor Jbanov提供。
• Building Apks/Ipas on Travis [147👏] - 用於Flutter上的自動構建工具，支持 Android 和 iOS，由 Yegor Jbanov提供。
• BitRise [57👏] - 如何在Go - Flutter示例中建立Bitrise的步驟，由 Karol Wrótniak提供。

風格樣式

• Flutterial [65★] - Flutter Material設計主題資源管理器（僅限平板電腦），由 Erick Ghaumez提供。
• Frosted Glass - 如何在Flutter中進行「磨砂玻璃」效果？，由 Collin Jackson提供。
• Pigment [34★] - 一個簡單實用的插件，可以直觀的在flutter中看到所使用的顏色。

媒體

音頻

• Audio Plugin [132★] - 一個用於在flutter中播放音頻文件的插件，由 Erick Ghaumez提供。
• Audio Recorder [40★] - 支持錄製音頻並將其存儲在本地，由 Jordan Alcaraz提供。
• Stereo [27★] - 一個在flutter中播放音樂的插件，支持Android、iOS，由 2Find提供。
• Flutter Sound [11★] - 一個用在flutter上的聲音錄製和播放的插件，由dooboolab提供。

視頻

• WebRTC [170★] - WebRTC 插件，支持 iOS/Android，由 CloudWebRtc提供。
• Chewie [115★] - 提供了對視頻播放底層API的訪問能力，由 Brian Egan提供。

語音

• Speech Recognition [51★] - 一款語音轉文字的插件，由 Erick Ghaumez提供。
• OK Google - 整合了谷歌助手的插件，由 Marcin Szalek提供。

存儲

• Firebase Storage - Firebase做爲數據存儲的插件。
• Secure Storage [47★] - 提供鑰匙串和密鑰庫存儲，由 German Saprykin提供。

獲利

• Admob - Flutter的Google Admob插件。 目前支持iOS和Android中的插頁式廣告。
• Firebase AdMob - 使用Firebase進行廣告整合。
• Billing [53★] - 在iOS和Android上啓用結算功能。
• Payments [14★] - 在APP中購買和訂閱。
• Inapp Purchase [56★] - 來自react-native-iap的「應用內購買」功能集。

模板

• Movie Details [134★] - 電影詳情頁面，由 Iiro Krankka提供。
• Mates [197★] - 關於如何在Flutter中實現好友列表和我的資料頁面的快速示例應用，由 Iiro Krankka提供。
• Weather [59★] - 天氣APP，以瞭解如何使用Canvas和動畫，由Alessandro Aime提供。
• TodoMVC [1016★] - TODO APP準備好了不一樣的風格：Vanilla，Redux，built_redux，由 Brian Egan提供。
• Restaurant Menu [269★] - 餐廳菜單APP的靈感來自於這種設計，由 Braulio Cassule提供。
• UI Challenges [359★] - 我的資料，旅遊，食品應用，由 Tomi Alagbe提供。
• Cupertino Settings [32★] - 用於建立iOS設置表的Flutter小部件，由 Matthias Rupp提供。
• Music Player [70★] - 音樂播放器相關的組件，由 Tobe O提供。
• Dashboard [212★] - 靈感來自儀表板概念APP，由 Ivascu Adrian提供。
• Todo [145★] - 來自Dribble的Todo模板，由 Marc L提供。
• Card Swipe Animation [86★] - 切換卡片模板，由Ruchika Gupta提供。
• UI Kit [989★] - 該項目的目標是提供真實世界APPUI的終極集合，由 Pawan Kumar提供。
• Book [59★] - Travis最初由原型製做的書籍應用UI的Flutter項目，由 Ardiansyah Putra提供。

插件

• Pub Plugins - 在上面能夠查詢與Flutter有關的插件，很實用。
• Plugins - Flutter官方插件團隊，提供了Flutter經常使用的插件。
• Sqflite [381★] - SQLite的 flutter版插件，由 Alexandre Roux提供。
• WebView [277★] - 一個WebView插件， 由Hadrien Lejard提供。
• Location [110★] - 位置服務，提供位置，以及連續位置的回調，由 Lyokone提供。
• Battery - 提供訪問有關電池的各類信息。
• Proximity Sensor Plugin - 提供訪問接近傳感器也叫近距離傳感器的能力，好比手機靠近臉後屏蔽操做之類的，由 Manoj NB提供。
• Geolocation [97★] - 功能齊全的地理定位插件：當前位置，位置更新，地理編碼，地點等，由 Loup提供。
• Local Notifications [131★] - 用於顯示本地通知的插件，由 Michael Bui提供。
• App Rating [32★] - 申請和撰寫App Store和Google Play的評論的插件，由 Rody Davis提供。
• Get Version [18★] - 提供獲取版本名稱，版本代碼，APPID和OS版本能力的插件，由 Rody Davis提供。
• Downloader [52★] - 下載器，建立和管理下載任務，由 HungHD提供。
• Place Dialog [16★] - 位置選擇對話框，由 David Bennett提供。
• Device Calendar - 提供修改用戶日曆能力的插件，由Built to Roam提供。
• Android Job Scheduler [14★] - 直接管理Android系統日程安排的插件， 由Georg Grab提供。
• Badger [33★] - 提供更新APP啓動圖標上的小紅點能力的插件，由 Edouard Marquez提供。
• UDID [18★] - 用於在Android/iOS設備上獲取一個持久的 UDID，即便從新安裝App，由 Leon Kukuk提供。

服務

• Google Mobile Vision [92★] - Flutter實現的Google移動視覺，提供了二維碼條形碼識別，面部識別，文字識別等計算機視覺的計算，由 Eduardo Folly提供。
• Dialogflow [19★] - 聊天列表插件，由 Victor Rances提供。

掃碼器

• QR Code Reader [52★] - QR 掃描插件，由Matheus Villela提供。
• Fast QR Reader View [16★] - 快速的QR掃碼插件，由 Facundo Medica提供。

藍牙 / NFC / 信號燈

• Ble [68★] - 一個支持藍牙鏈接的Flutter庫，由 Polidea提供。
• Blue [214★] - FlutterBlue是Flutter的藍牙插件，由Paul DeMarco提供。
• NFC [13★] - 提供了訪問Android NFC能力的插件，由 Göksel Uyulmaz提供。
• Beacons [10★] - Flutter beacons 插件，由 Loup提供。

框架

Redux / ELM / 依賴注入

• Built redux [50★] - 支持自動訂閱 redux stores，由 David Marne提供。
• Redux.dart [165★] - Redux 到 Dart 的中間件，由 John Ryan 和 Brian Egan提供。
• Redux [313★] - 專爲使用redux.dart而設計，容許你輕鬆使用Redux Store來構建小部件。
• Dartea [18★] - 爲Flutter實現MVU（模型視圖更新）模式，由Shilyagov P提供。
• Inject [233★] - Google出品的編譯時的依賴注入框架。
• Flutter_flux [198★] - Google出品的具備單向數據流的DartAPP架框架。
• graphql_flutter [194★] - Flutter的GraphQL客戶端，將現代GraphQL客戶端的全部功能集合到一個易於使用的軟件包中，由 Zino App B.V.實現。

動畫

• Sequence Animation [61★] - 輕鬆實現複合交錯的動畫，由Norbert Kozsir提供。
• SpinKit [283★] - 加載動畫指示器，有豐富的加載動畫，由 Jeremiah Ogbomo實現。
• Villains [66★] - 頁面轉場動畫，由 Norbert Kozsir提供。

遊戲引擎

• Flame [286★] - 極簡主義的遊戲引擎，由 Luan Nico提供。
• SpriteWidget [303★] - 用於構建複雜，高性能動畫和2D遊戲的工具包，由Viktor Lidholt提供。

其餘

• Cache Manager [46★] - 通用緩存管理器，由 Rene Floor提供。

開源App

• FriendlyChat [143★] - 由Google員工開發的的離線/ Firebase聊天App。
• Meme Chat [275★] - 使用Flutter開發的的聊天App，該App用到了Firebase，Google登陸，攝像頭等。
• Flitter [112★] - 使用Flutter開發的Gitter 客戶端，該App用到了Redux 與 Jaguar，由Hadrien Lejard 和 Kevin Segaud提供。
• Lime [169★] - 使用Flutter開發的Lime客戶端。
• Planets [215★] - Flutter Planets app及教程，由Sergi Martínez提供。
• NewsBuzz [221★] - 使用News API在Flutter中建立的新聞App用於獲取實時數據，Firebase用做後端和身份驗證器，由 Ankur Kedia提供。
• DroidKaigi2018-flutter [300★] - DroidKaigi 2018東京的非官方會議App ，由konifar提供。
• Music Player [286★] - 全功能音樂播放器App，由Pawan Kumar提供。
• InKino [1042★] - 完整的電影App，使用flutter_redux進行狀態管理，具備漂亮的過渡動畫，以及一套全面的小部件和單元測試，由 Iiro Krankka提供。
• WhatTodo [158★] - Flutter實現的的簡單Todo App，能夠天天跟蹤您的任務，由Burhanuddin Rashid提供。
• FlutterGram [185★] - 使用Firebase / Firestore實現Flutter版的Instagram App，由MDanics提供。
• BookSearch [148★] - Flutter實現的帶有搜索功能的電子書，由Norbert515提供。
• Cinematic [243★] - Flutter實現的Cinematic 客戶端，由Aaron Oertel提供。
• Beer-Me-Up [128★] - Flutter實現啤酒日誌App，由Benoit Letondor提供。
• Trace [83★] - 現代而強大的加密投資組合和市場資源管理器，由 Trent Piercy提供。
• Taskist [15★] - Taskist是任務管理的ToDo List App，由 Hugo EXTRAT提供。

遊戲

• Flip [45★] - Flutter實現的黑白棋遊戲，由 Andrew Brogdon提供。

基礎設施

• Desktop Embedding [1011★] - Google出品的Flutter嵌入API的桌面實現。
• Mutisya 2 - 在線Flutter 開發平臺，由 Paul Mutisya提供。
• Launcher Icons - 輕鬆生成App啓動器圖標，由 Mark O’Sullivan 和 Franz Silva提供。
• Redux Starter/Code Generator [70★] - Flutter / Redux的入門項目和代碼生成器，由 Hillel Coren提供。
• FlutterIcon [36★] - Flutter圖標集生成器，由 Mike Hoolehan提供。

社區

• Gitter - 一個不錯的Flutter交流渠道。
• r/FlutterDev Subreddit - Reddit社區，由 u/JaapVermeulen提供。
• Dev Discord - Discord服務器討論並得到幫助，由 Pritykin提供。

福利

• It’s All Widgets! - 使用Google Flutter構建的App合集，由Hillel Coren, Thomas Burkhart, Simon Lightfoot 和 Scott Stoll提供。

好玩的

• The One [128👍] - 一個有趣的視頻。