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