最全的Flutter学习资源列表

最全的Flutter学习资源列表

Flutter是Google出品的一款用于开发高性能、高保真、跨平台App(Android iOS)的SDK。

一开始

• 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?] – 一个有趣的视频。

持续更新… … 欢迎关注！