[譯] Awesome Flutter：帶你從入門到進階的 Flutter 指南

• 中文版內容由掘金翻譯計劃維護，部分近期更新內容正在翻譯中，歡迎持續關注。

• Awesome Flutter（中文版）：github.com/xitu/awesom…
  

• Awesome Flutter（英文版）：github.com/Solido/awes…

Flutter 是能夠用一份代碼來建立 iOS 和 Android 高性能、高保真應用的移動端 SDK。

若是你喜歡這些內容 📖
請給咱們加顆 ⭐
還能夠經過相關內容做者的連接去爲做者們點贊 👍、點亮小星星 ⭐ 或者鼓掌 👏 來支持他們！

目錄

• 文集
• 組件
• 視頻
• 導航
• 模板
• 插件
• 框架
• 開源應用
• 實用軟件

文集

入門文章

• Google IO 2018 (857 👏) —— 構建漂亮，靈活的用戶界面。
• Flutter 從零到一（2.2K 👏）—— Flutter 基礎，做者是 Mikkel Ravn
• 從安裝到寫一個 ListView（551 👏）—— 全套 4 篇文章，做者是 Chema Rubio

教程

• 開發一個安卓應用 —— 配置和開發第一個應用，做者是 Ashraff Hathibelagal。
• Animated Chat —— 建立漂亮的 UI，來自谷歌代碼實驗室（Google Code Labs）。
• Firebase Chat —— Firebase integration，來自谷歌代碼實驗室。
• Planets-Flutter：從設計到開發 —— 詳細的 planets design 教程。

說明文檔

• Flutter 動畫從零到一 —— 主要講動畫，做者是 Mikkel Ravn。
• Google Cloud Functions —— 由 Google Cloud Functions 提供支持的應用，做者是 Romin Irani。
• Firebase（324 👍）—— Firebase 實時編碼。
• 安全類 APP（231 👏）—— 做者是 Mehmet Fidanboylu。
• 開發你本身的插件（299 👏）—— 如何開發自定義插件？做者是 Karthik Ponnam。
• Build Flavor（257 👏）—— 定義構建配置並切換它們，做者是 Salvatore Giordano。

Websites / Blogs

• SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
• Sergi & Replace - Basic to advanced articles and tutorials Sergi Martínez.
• Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI.
• Flutter Institute - Very original content and tutorials by Brian Armstrong.
• Flutter Rocks - Blog about the joys of Flutter by Iiro Krankka.
• Norbert - In depth articles, features and app creation by Norbert515.

視頻教程

• Tensor Programming（64 🎬）—— 內容很是豐富，做者是 Tensor Programming。
• Flutter 挑戰 —— 高生產價值，深刻的 Flutter 挑戰、教程和模式。
• Brandon Donnelson（55 🎬）—— 內容包括佈局、數據庫和 Brandon Donnelson 的一些經常使用技巧。
• Mtechviral（71 🎬）—— [印地語/英語] Mtechviral 系列，做者是 Pawan Kumar。
• Udacity —— 開發原生移動應用，來自 Google。
• VoidRealms（42 🎬）—— 從入門到進階的視頻教程。

組件

示例

• 官方 Gallery —— 來自 Flutter 團隊的展現 Material Design 風格的 Widget 和一些其餘功能展現的示例 APP。
• Posse Gallery（131 ★）—— 示例，做者是 Posse。
• Flutter 示例（708 ★）—— 爲 Flutter 開發者提供的一個簡單基礎的獨立應用，做者是 Nishant Srivastava。

UI

• 拾色器（5 ★）—— 選擇 Primary、Accent 和 RGB 顏色，做者是 Hadrien Lejard。
• 3D 對象（19 ★）—— 在畫布（canvas）上面渲染一個 wavefront 對象（.obj 文件，Alias|Wavefront 公司的 3D 模型文件格式），做者是 Hemanth Raj。
• Contact Picker —— 從通信錄裏選取一個聯繫人，做者是 Michael Goderbauer
• Parallax（110 ★）—— ViewPager，做者是 Iiro Krankka。
• Material 風格的拾色器（23 ★）—— 基於 Google Docs 的拾色器，做者是 Lung Razvan。
• StaggeredGridView（115 ★）—— 具備不一樣尺寸磁貼（tile）的 GridView，做者是 Romain Rastel。
• Sticky Header (27 ★) - Sliver based sticky headers by Romain Rastel.
• 徑向菜單（76 ★）—— 帶動畫的徑向菜單，做者是 Victor Choueiri。
• Tinder 卡片（58 ★）—— Tinder like 卡片滑動效果，做者是 Ivascu Adrian。
• Sticky Headers (73 ★) - Configurable sticky headers by Simon Lightfoot.
• Login Animation (119 ★) - Smooth animation from login to home by Ruchika Gupta.
• List Drag&Drop (55 ★) - Reorder list elements using Drag & Drop by Norbert515.
• Calendar Widget (8 ★) - Calendar widget by David Bennett.
• Side Header List (38 ★) - Listview with sticky headers by Rene Floor.
• Shimmer (55 ★) - Shimmer effect while content is loading by HungHD.

圖片

• Image Picker —— 圖片選擇器，做者是 Collin Jackson。
• 可縮放圖像（42 ★）—— 做者是 Perlatus。
• Carousel Slider（42 ★）—— 旋轉滑動小部件，支持無限滾動和自定義子部件，做者是 serenader。
• Parallax Image（53 ★）—— 圖像視差，做者是 Anatoly Pulyaevskiy。
• Photo View (25 ★) - Scalable image view with loading placeholder by Renan C. Araújo.

地圖

• Google Map View（176 ★）—— 展現谷歌地圖的插件，做者是 AppTree Software。
• GeoCoder（16 ★）—— 正向和反向地理編碼，做者是 Aloïs Deniel。
• Flutter 地圖（144 ★）—— 開源的地圖定製化解決方案（基於 Leaflet），做者是 AppTree Software。
• Mapbox GL（72 ★）—— 交互式、可定製的矢量地圖，做者是 Mapbox。

圖表

• Circular Chart（78 ★）—— 帶動畫效果的徑向圖和餅圖，做者是 Victor Choueiri。
• Flutter Charts（66 ★）—— 折線圖和垂直柱狀圖的庫，做者是 Milan Zimmermann。
• Sparkline（43 ★）—— Sparkline 圖表，做者是 Victor Choueiri。
• Charts（140 ★）—— 來自谷歌圖表團隊（Google Charts Team）。
• Flutter Plot（5 ★）—— 漂亮的 plot 製圖工具，做者是 R. C. Howell。
• Candlesticks（18 ★）—— OHLC（蠟燭圖）和貿易額圖表，做者是 Trent Piercy。
• FCharts (117 ★) - Beautiful, responsive, animated charts by Keenan Thompson.

導航

• Fluro（292 ★）—— 具備導航、通配符、查詢、過渡動畫的最亮、最時尚、最酷的 Flutter 路由器，做者是 Posse。
• Circle Indicator（12 ★）—— PageViewer 的圓形指示器，做者是 Lung Razvan。
• Quick Actions —— 與應用程序的主屏幕快速操做進行交互。
• Swiper (12 ★) - Horizontal, Vertical, Partial swipe with indicator by Xueliang Ren.

認證

• 本地身份驗證 —— Ios 和 Android 上的 Touch ID、鎖屏密碼和指紋驗證
• Flutter 登陸（96 ★）—— FaceID, TouchID, 還有指紋掃描，做者是 Rody Davis。
• Google Sign-In —— Google 身份驗證。
• Firebase Auth —— Firebase 身份驗證。
• Facebook Login (62 ★) - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka.
• Flutter OAuth（44 ★）—— Buffer、Strava、Unsplash 和 Github 身份驗證，做者是 Joe Birch。
• Instagram —— Instagram 身份驗證，做者是 Wilfried Mbouenda Mbogne。

文字和富文本

• Flutter Markdown（63 ★）—— 用 Flutter 開發的 Markdown 渲染器。支持原始格式，但不支持內聯 html。
• Rich Text Editor (42 ★) - Text editor with style by Lung Razvan.
• Masked Text (6 ★) - Masked text with custom and monetary formatting by Ben-hur Santos Ott.

分析

• Usage（35 ★）—— 適用於命令行、網頁 和 Flutter 應用程序的 Google Analytics 封裝。
• Firebase Analytics —— 鏈接到 Firebase Analytics API。
• Segment.com 分析（3 ★）—— 讓你的 Segment.com 分析變得垂手可得！做者是 Faisal Abid。

自動化構建

• Travis CI for Flutter（19 ★）—— 持續集成，做者是 Yegor Jbanov。
• 在 Travis 上測試 Flutter（246 👏）—— Widget 測試框架，做者是 Yegor Jbanov。
• 在 Travis 上構建 Apk/Ipa（130 👏）—— 針對 Android 和 IOS 平臺的自動化構建，做者是 Yegor Jbanov。
• BitRise（36 👏）—— 用 Go 語言建立 Bitrise 步驟，做者是 Karol Wrótniak。

風格

• Flutterial（46 ★）—— Flutter Material 主題的探索者，做者是 Erick Ghaumez。
• Frosted Glass —— 渲染器效果，做者是 Collin Jackson。
• Font Awesome —— Font Awesome 圖標包，做者是 Brian Egan。
• FlutterIcon —— 圖標字體生成器。
• Pigment（27 ★）—— 簡單可是很實用的在 Flutter 裏面使用顏色的包。

多媒體

• 音頻插件（95 ★）—— Beta 版，做者是 Erick Ghaumez。
• 錄音機（24 ★）—— 錄製音頻並存儲在本地，做者是 Jordan Alcaraz。
• Stereo（22 ★）—— 在 iOS 和 Android 上面播放音樂，做者是 2Find。
• WebRTC (80 ★) - WebRTC plugin for iOS/Android by CloudWebRtc.
• Chewie (70 ★) - Provides low-level access to video playback by Brian Egan.

語音

• Speech Recognition（41 ★）—— 語音轉文字，做者是 Erick Ghaumez。
• OK Google —— 整合了 Google 語音助手，做者是 Marcin Szalek。

存儲

• Firebase Storage —— 用 Firebase 做爲數據存儲設備。
• Secure Storage (23 ★) - Keychain and Keystore storage by German Saprykin.

變現

• Admob —— GoogleAdmob 支持在 iOS 和 Android 上面顯示插頁式廣告，做者是 Brett Nesbitt。
• Firebase AdMob —— 使用 Firebase 進行廣告整合。
• Flutter Billing（39 ★）—— 在 iOS 和 Android 上面使用結算，做者是 Volodymyr Lykhonis。

模板

• Movie Details（93 ★）—— 電影詳情頁面，做者是 Iiro Krankka。
• Flutter Mates（160 ★）—— 如何從 randomuser.me API 加載我的信息列表，並經過一個漂亮的頁面展現我的信息詳情，做者是 Iiro Krankka。
• Weather（50 ★）—— 學習如何使用 Canvas 和動畫去製做天氣應用，做者是 Alessandro Aime。
• TodoMVC（644 ★）—— 準備使用不一樣框架的備忘錄應用：Vanilla, Redux, built_redux，做者是 Brian Egan。
• Restaurant Menu（219 ★）—— 飯店菜單，做者是 Braulio Cassule。
• UI 挑戰（222 ★）—— 我的信息應用、旅行應用、美食應用，做者是 Tomi Alagbe。
• Cupertino Settings（19 ★）—— iOS 設置，做者是 Matthias Rupp。
• Music Player（59 ★）—— 音樂播放器部件，做者是 Tobe O。
• Dashboard（142 ★）—— 儀表板和商品列表，做者是 Ivascu Adrian。
• Todo (94 ★) - Todo template from Dribble by Marc L.
• Card Swipe Animation (40 ★) - Swipe cards template by Ruchika Gupta.

插件

• Flutter 插件 —— Flutter 團隊的官方插件
• Sqflite（221 ★）—— SQLite 的 Flutter 插件，做者是 Alexandre Roux。
• WebView（152 ★）—— 做者是 Hadrien Lejard。
• Pub Plugins —— Dart Pub Repository 的篩選插件。
• Flutter Location（79 ★）—— 處理位置，處理回調以得到連續的位置，做者是 Lyokone。
• QR Code Reader（32 ★）—— 二維碼掃描插件，做者是 Matheus Villela。
• Battery —— 獲取電池相關的各類信息。
• Zebra EMDK（3 ★）—— 使用 Zebra EMDK 來獲取 Barcode Scanner API。
• Proximity Sensor Plugin —— 一個能夠訪問你設備上的距離傳感器（proximity sensor）的插件，做者是 Manoj NB。
• Geolocation（72 ★）—— 功能齊全的地理位置插件：當前位置，位置更新，地理編碼，地點等等，做者是 Loup。
• Local Notifications（62 ★）—— 展現本地通知的插件，做者是 Michael Bui。
• Google Mobile Vision（25 ★）—— Google Mobile Vision 的實現，做者是 Eduardo Folly。
• App Rating（20 ★）—— 爲 App Store 和 Google Play 評分和寫評論，做者是 Rody Davis。
• Get Version（13 ★）—— 獲取版本名、版本號、App ID 和帶有操做系統版本的平臺信息，做者是 Rody Davis。
• Downloader (23 ★) - Create and manage download tasks by HungHD.
• Place Dialog (9 ★) - Places picker dialog returning the places to the app by David Bennett.
• Cached Network Image (61 ★) - Show images from the internet and keep them in the cache directory by Rene Floor.
• Device Calendar - Plugin for modifying calendars on the user's device by Built to Roam.

藍牙 / NFC / Beacon

• Flutter Ble（45 ★）—— 藍牙，做者是 Polidea
• Flutter Blue（142 ★）—— 藍牙，做者是 Paul DeMarco。
• NFC (12 ★) - Connect IsoDep iso 14443-4 cards for android by Göksel Uyulmaz.
• Beacons (4 ★) - Flutter beacons plugin by Loup.

框架

Redux / ELM / Dependency Injection

• Flutter built redux（40 ★）—— 自動訂閱你的 Redux 倉庫。基於建造模式，做者是 David Marne。
• Redux.dart（115 ★）—— 具備中間件生態系統、集成了 Flutter 還有時間旅行開發工具的面向 Dart 語言的 Redux 接口，做者是 John Ryan 和 Brian Egan。
• Flutter_redux（183 ★）—— 這是一個能支持 redux.dart 的實用工具，能讓你輕鬆消費 Redux Store 來開發 Flutter Widgets。
• Dartea (7 ★) - Model View Update inspired by TEA from ELM by Shilyagov P.
• Inject (184 ★) - Compile-time dependency injection for Dart and Flutter by Google.
• Flutter_flux (167 ★) - Implementation of the Flux framework by Google.

動畫

• Sequence Animation (16 ★) - Composite staggered animations by Norbert Kozsir.

遊戲

• Flame（176 ★）—— 極簡主義的遊戲引擎，做者是 Luan Nico。
• SpriteWidget (228 ★) - Toolkit for building complex, high performance animations and 2D games by Viktor Lidholt.

Misc

• Cache Manager (26 ★) - Generic cache manager by Rene Floor.

開源 APP

• FriendlyChat（106 ★）—— 一羣谷歌員工開發的離線或者是基於 Firebase 的聊天應用。
• Meme Chat（244 ★）—— Flutter 上的聊天應用，用到了 Firebase、谷歌登錄和設備相機集成，做者是谷歌員工。
• Flitter（83 ★）—— Glitter 客戶端，做者是 Hadrien Lejard 和 Kevin Segaud。裏面用到了 Redux 和 Jaguar。
• Lime ——（129 ★）Lime 是 Sebastian Sellmair 開發的社交網絡應用。
• Planets-Flutter（149 ★）—— 顯示了豐富 UI 的行星探索應用，做者是 Sergi Martínez。
• NewsBuzz（175 ★）—— 從 News API 獲取數據並使用 Firebase 作後臺的新聞閱讀器，做者是 Ankur Kedia。
• DroidKaigi2018-flutter（226 ★）—— 東京 DroidKaigi 2018 的非官方會議應用，做者是 konifar。
• Music Player（178 ★）—— Pawan Kumar 開發的全功能音樂播放器。
• InKino（820 ★）—— 完整的電影應用程序，使用 Flutter_Redux 框架進行狀態管理，具備很好的過渡動畫，以及一套很全面的小部件還有單元測試，做者是 Iiro Krankka。
• WhatTodo (105 ★) - Todoist like UI by Burhanuddin Rashid.
• FlutterGram (74 ★) - Complete Instagram based on Firestore & Google Functions by MDanics.
• BookSearch (97 ★) - Digital BookShelf for your reading progress by Norbert515.
• Cinematic (145 ★) - UI for Movie DB Public API by Aaron Oertel.
• Beer-Me-Up (75 ★) - Beer tracking nicely designed by Benoit Letondor.

Games

• Flip (25 ★) - Reversi game by Andrew Brogdon.

Utilities

IDE

• IntelliJ Plugin - Flutter on Intellij and Webstorm.
• Dart Code - Plugin to get Dart with Visual Studio Code by Danny Tuppeny.
• VSCode Snippets - Translated from IntelliJ IDEA Official Snippets by Franz Silva.
• Mutisya 2 - Online Flutter Studio by Paul Mutisya.

Desktop

• Desktop Embedding (576 ★) - Desktop implementations of the Flutter embedding API by Google.
• ZSH Completion (2 ★) - ZSH completion for the Flutter CLI tool by Nikolai Simonov.

License