[译] 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