目錄

• 文章
  • 一開始
  • 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?] - 一個有趣的視頻。

轉載于:https://www.cnblogs.com/Free-Thinker/p/10521892.html

總結

以上是生活随笔為你收集整理的一个很棒的Flutter学习资源列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。