一开始

  • Google IO 2018 [1.1K👏] – 构建美观,灵活的用户界面。
  • Zero to One [3.3K👏] – Flutter基础知识,由Mikkel Ravn提供。
  • From Install to ListView [685👏] – 全系列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 [864👏] – 专注于动画,由Mikkel Ravn提供。
  • Google Cloud Functions – Google Cloud Functions支持的APP,由Romin Irani提供。
  • Firebase [416👍] – Firebase实时编码。
  • Securing Apps [349👏] – 讨论了加强基于Flutter的APP安全性的几个方面的文章。
  • Build your plugins [395👏] – 如何制作自定义插件,由Karthik Ponnam提供。
  • Build Flavor [640👏] – 定义构建配置并切换它们,由Salvatore Giordano提供。
  • Animations in Flutter [640👏] – 常用的动画实例 由Muhammed Salih Güler提供。

网站/博客

  • 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的大多数问题提供实用的解决方案。
  • Flutter Tips – 开发中的文章,提示和技巧 由Diego Velásquez提供。

高级

  • Rendering Pipeline [190👍] – 引擎架构。
  • Render Objects [1.4K👏] – 什么是小部件,RenderObjects和Elements?由Norbert515提供。
  • Streams and RxDart – 技能人员演示文稿,由 Brian Egan提供。
  • Gesture System [370👏] – 深入了解Flutter手势,由 Nash提供。
  • Schemas – Widget, State, Context 以及 InheritedWidget的说明,由Didier Boelens提供。
  • Rendering Engine Tutorial [349👏] – Flutter的渲染引擎:教程由 AbdulRahman AlHamali提供。
  • Inherited Widget – Flutter的InheritedWidget用于保存应用状态,由 Chema Molins提供。
  • Flutter: from Mobile to Desktop – 构建智能手机和台式机的应用程序,由 Marcelo Henrique Neppel提供。

视频

  • Tensor Programming [67🎬] – 非常丰富的Dart Flutter 教程,由Tensor Programming提供。
  • Fluttery – Fluttery是一个致力于使用Flutter框架进行挑战和探索的频道。
  • Brandon Donnelson [55🎬] – 包含布局,数据库和技巧的视频。
  • Mtechviral [113🎬] – Mtechviral的Flutter系列教程由 Pawan Kumar提供。
  • Udacity – 使用Flutter构建原生移动APP。
  • VoidRealms [43🎬] – 从基础到高级的视频教程。
  • Coding With Flutter [16🎬] – Flutter视频教程和实时编码示例,由Andrea Bizzotto提供。
  • Flutter Crash Course – 免费视频课程,由 Nick Manning提供。

组件

演示

  • Official Gallery – Flutter Team提供的材料设计小部件演示。
  • Flutter Examples [1393⭐] – 简单独立的App示例,由Nishant Srivastava提供。
  • Transform Widget – 图像组件作为3D游戏引擎精灵,由 Paul Thomas提供。

UI

  • 3D Object [51⭐] – 用于在画布上呈现wavefront obj文件的flutter组件,由 Hemanth Raj提供。
  • Contact Picker [22⭐] – 从地址簿中挑选联系人的组件,由 Michael Goderbauer提供。
  • StaggeredGridView [285⭐] – 一个用于Flutter上的交错网格视图组件,支持多列不同大小的行,由 Romain Rastel提供。
  • Sticky Header [121⭐] – 带有粘性头部效果的组件,由Romain Rastel提供。
  • Radial Menu [128⭐] – Flutter的径向菜单小部件,由 Victor Choueiri提供。
  • Tinder Cards [136⭐] – 类似Tinder喜欢刷卡效果的组件 Ivascu Adrian。
  • Sticky Headers [167⭐] – 可配置的带粘粘头部效果的组件,由 Simon Lightfoot提供。
  • Login Animation [280⭐] – 提供从登录到首页的流畅动画组件,由Ruchika Gupta提供。
  • List Drag&Drop [112⭐] – 使用拖放重新排序列表元素的组件,由Norbert515提供。
  • Side Header List [99⭐] – 带粘粘头部效果的Listview, 由Rene Floor提供。
  • Flip Panel [102⭐] – 带内置动画的翻转面板,由 HungHD提供。
  • Facebook Reactions [50⭐] – FacebookReactions小工具,由 Duy Tran提供。
  • Flushbar [83⭐] – 高度可配置的Snackbar,由Andre Haueisen提供。
  • Stepper Touch [47⭐] – 横向值步进器动画,由 Raouf Rahiche提供。
  • Offline [116⭐] – 整洁的实用程序,以处理离线/在线连接,由 Jeremiah Ogbomo提供。
  • Typeahead [56⭐] – 在用户输入时向用户显示叠加建议,由 Abdul Rahman Al Hamali提供。
  • Snaplist [56⭐] – 创建snappable列表视图,由 David Leibovych提供。
  • Fluid Slider [30⭐] – 具有最小设计和流体状动画的滑块,由 Vamsi Krishna提供。
  • Infinite Listview [8⭐] – 两个方向无限滚动,由 Simon Lightfoot提供。

材料设计

  • Material Color Picker [38⭐] – 基于Google Docs的颜色选择器 由Lung Razvan提供。
  • Unicorn Speed Dial [70⭐] – 带有快速拨号Flutter浮动动作按钮 ,由 Tiago Martins提供。
  • Slidable [281⭐] – 带有左右滑动操作的可滑动列表项组件,由 Romain Rastel提供。
  • RangeSlider [59⭐] – 滑动选择范围的Flutter组件,由Didier Boelens提供。

效果

  • Frosted Glass – 如何在Flutter中进行“磨砂玻璃”效果?,由 Collin Jackson提供。
  • Parallax [226⭐] – 具有ViewPager转场效果的Flutter组件,由 Iiro Krankka提供。
  • Shimmer [187⭐] – 内容加载时带有微光效果的组件,由 HungHD提供。

日历

  • Calendar Widget [41⭐] – 日历组件,由 David Bennett提供。
  • Calendar Carousel Widget – 日历轮播,由 dooboolab提供。
  • Date range picker – 基于Flutter日期选择器修改的日期范围选择器,由 An Doan提供。

图片

  • Image Picker – 图片选择组件,由Collin Jackson提供。
  • Carousel Slider [111⭐] – 轮播滑块小部件,支持无限滚动和自定义子小部件,由 serenader提供。
  • Parallax Image [81⭐] – 带有滑动视差效果的Image 组件,由 Anatoly Pulyaevskiy提供。
  • Photo View [180] – 简单的可缩放的Image组件,由Renan C. Araújo提供。
  • SVG [174⭐] – 支持SVG 解析和渲染的库,由 Dan Field提供。
  • Image Cropper [156⭐] – 图片裁切库,支持旋转,缩放,以及按照比例裁切,由 HungHD提供。
  • Cached Network Image [221⭐] – 显示来自网络的图像并将其保存在缓存中。
  • Multi Image Picker [79⭐] – 显示多图像选择器,由 Radoslav Vitanov提供。

地图

  • Google Map View [327⭐] – Google地图插件,由 AppTree Software提供。
  • GeoCoder [28⭐] – 提供正向和反向地理编码库,由 Aloïs Deniel提供。
  • Map [416⭐] – 基于Leaflet的,可定制的地图解决方案,由 AppTree Software提供。
  • Mapbox GL [144⭐] – 交互式,可定制的矢量地图。

图表

  • Circular Chart [139⭐] – 在Flutter中创建动画圆形图表小部件的库,由 Victor Choueiri提供。
  • Charts [89⭐] – 一个Flutter的图表库,由 Milan Zimmermann提供。
  • Sparkline [83⭐] – 美丽的Sparkline图,由Victor Choueiri提供。
  • Charts [350⭐] – Google出品的图表库。
  • Flutter Plot [13⭐] – 一个漂亮的绘图包,由 R. C. Howell提供。
  • Candlesticks [67⭐] – 优雅的OHLC K线和交易量图表,由 Trent Piercy提供。
  • FCharts [183⭐] – 漂亮,反应灵敏,带有动画的图标,由 Keenan Thompson提供。

导航

  • Fluro [554⭐] – 用于Flutter 导航的最亮,最时尚,最酷的路由组件,由Posse提供。
  • PageView Indicator [25⭐] – 一个用在PageView上的指示器, Leo Cavalcante。
  • Swiper [37⭐] – siwiper组件,支持多种布局方式,无限轮播,由Xueliang Ren提供。

验证

  • Local Auth – 支持Touch ID, 指纹,锁屏识别验证的Flutter库。
  • Login [178⭐] – 自持Face ID, Touch ID, 和 指纹识别验证的Flutter库,由Rody Davis提供。
  • Google Sign-In – Google 登录SDK.
  • Firebase Auth – Firebase 登录SDK.
  • Facebook Login [113⭐] – 使用原生Android和iOS的Facebook登录SDK进行身份验证 Iiro Krankka。
  • OAuth [74⭐] – Buffer, Strava, Unsplash, Github 登录验证,由 Joe Birch提供。
  • Instagram – Instagram 登录验证由 Wilfried Mbouenda Mbogne提供。
  • Firebase Phone Auth [266👏] – 电话号码通过短信身份验证,由 Gildásio Filho提供。
  • SimpleAuth [56⭐] – Azure Active Directory, Amazon, Dropbox, Facebook, Github, Google, Instagram, Linked In, Microsoft Live Connect, Github的登录验证,由 James Clancey提供。

文字和富文本

  • Markdown [125⭐] – Flutter的Markdown渲染器, 支持原始格式,但没有内联html。
  • Rich Text Editor [59⭐] – 带样式的文本编辑器,由Lung Razvan提供。
  • Masked Text [42⭐] – 支持掩蔽文本,定制和货币格式化的输入控件,由Ben-hur Santos Ott提供。
  • Zefyr [250⭐] – 一个富文本编辑器,由 Memspace提供。

分析、流量统计

  • Usage [45⭐] – 用于命令行,Web和FlutterAPP的Google 分析插件。
  • Firebase Analytics – 支持连接到Firebase 分析 API的插件.
  • Segment.com Analytics [3⭐] – 使你使用Segment.com分析变得轻而易举! 由Faisal Abid提供。

自动构建

  • Travis CI for Flutter [34⭐] – 用于Flutter上的持续集成工具,由 Yegor Jbanov提供。
  • Test on Travis [361👏] – 小部件测试框架,由 Yegor Jbanov提供。
  • Building Apks/Ipas on Travis [208👏] – 用于Flutter上的自动构建工具,支持 Android 和 iOS,由 Yegor Jbanov提供。
  • BitRise [62👏] – 如何在Go – Flutter示例中创建Bitrise的步骤,由 Karol Wrótniak提供。

风格样式

  • Flutterial [74⭐] – Flutter Material设计主题资源管理器(仅限平板电脑),由 Erick Ghaumez提供。
  • Pigment [52⭐] – 一个简单实用的插件,能够直观的在flutter中看到所使用的颜色。

媒体

音频

  • Audio Plugin [164⭐] – 一个用于在flutter中播放音频文件的插件,由 Erick Ghaumez提供。
  • Audio Recorder [60⭐] – 支持录制音频并将其存储在本地,由 Jordan Alcaraz提供。
  • Stereo [33⭐] – 一个在flutter中播放音乐的插件,支持Android、iOS,由 2Find提供。
  • Flutter Sound [28⭐] – 一个用在flutter上的声音录制和播放的插件,由dooboolab提供。

视频

  • WebRTC [225⭐] – WebRTC 插件,支持 iOS/Android,由 CloudWebRtc提供。
  • Chewie [170⭐] – 提供了对视频播放底层API的访问能力,由 Brian Egan提供。

语音

  • Speech Recognition [72⭐] – 一款语音转文字的插件,由 Erick Ghaumez提供。
  • OK Google – 整合了谷歌助手的插件,由 Marcin Szalek提供。

存储

  • Firebase Storage – Firebase作为数据存储的插件。
  • Secure Storage [74⭐] – 提供钥匙串和密钥库存储,由 German Saprykin提供。

获利

  • Admob – Flutter的Google Admob插件。 目前支持iOS和Android中的插页式广告。
  • Firebase AdMob – 使用Firebase进行广告整合。
  • Billing [63⭐] – 在iOS和Android上启用结算功能。
  • Payments [18⭐] – 在APP中购买和订阅。
  • Inapp Purchase [110⭐] – 来自react-native-iap的“应用内购买”功能集。

模板

  • Movie Details [165⭐] – 电影详情页面,由 Iiro Krankka提供。
  • Mates [234⭐] – 关于如何在Flutter中实现好友列表和个人资料页面的快速示例应用,由 Iiro Krankka提供。
  • Weather [77⭐] – 天气APP,以了解如何使用Canvas和动画,由Alessandro Aime提供。
  • TodoMVC [1404⭐] – TODO APP准备好了不同的风格:Vanilla,Redux,built_redux,由 Brian Egan提供。
  • Restaurant Menu [304⭐] – 餐厅菜单APP的灵感来自于这种设计,由 Braulio Cassule提供。
  • UI Challenges [445⭐] – 个人资料,旅游,食品应用,由 Tomi Alagbe提供。
  • Cupertino Settings [41⭐] – 用于创建iOS设置表的Flutter小部件,由 Matthias Rupp提供。
  • Music Player [80⭐] – 音乐播放器相关的组件,由 Tobe O提供。
  • Dashboard [254⭐] – 灵感来自仪表板概念APP,由 Ivascu Adrian提供。
  • Todo [181⭐] – 来自Dribble的Todo模板,由 Marc L提供。
  • Card Swipe Animation [125⭐] – 切换卡片模板,由Ruchika Gupta提供。
  • UI Kit [1418⭐] – 该项目的目标是提供真实世界APPUI的终极集合,由 Pawan Kumar提供。
  • Book [84⭐] – Travis最初由原型制作的书籍应用UI的Flutter项目,由 Ardiansyah Putra提供。
  • The Gorgeous Login [295⭐] – 设计和流畅的登录模板,由 Hugo Extrat提供。
  • Liquid Pay Payment App [39⭐] – Liquid 支付应用程序概念,由Long Hoang提供。

插件

  • Pub Plugins – 在上面可以查询与Flutter有关的插件,很实用。
  • Plugins – Flutter官方插件团队,提供了Flutter常用的插件。

设备

  • WebView [362⭐] – 一个WebView插件, 由Hadrien Lejard提供。
  • Location [146⭐] – 位置服务,提供位置,以及连续位置的回调,由 Lyokone提供。
  • Battery – 提供访问有关电池的各种信息。
  • Proximity Sensor Plugin – 提供访问接近传感器也叫近距离传感器的能力,比如手机靠近脸后屏蔽操作之类的,由 Manoj NB提供。
  • Geolocation [112⭐] – 功能齐全的地理定位插件:当前位置,位置更新,地理编码,地点等,由 Loup提供。
  • Local Notifications [187⭐] – 用于显示本地通知的插件,由 Michael Bui提供。
  • Device Calendar – 提供修改用户日历能力的插件,由Built to Roam提供。
  • Get Version [28⭐] – 提供获取版本名称,版本代码,APPID和OS版本能力的插件,由 Rody Davis提供。
  • Badger [45⭐] – 提供更新APP启动图标上的小红点能力的插件,由 Edouard Marquez提供。
  • UDID [24⭐] – 用于在Android/iOS设备上获取一个持久的 UDID,即使重新安装App,由 Leon Kukuk提供。
  • Downloader [83⭐] – 下载器,创建和管理下载任务,由 HungHD提供。
  • InAppBrowser [93⭐] – 添加内联WebView小部件或打开应用程序内浏览器窗口,由 Lorenzo Pichilli提供。
  • AppAvailability [6⭐] – 列出,启动并检查已安装的应用,由 Lorenzo Pichilli提供。
  • Aeyrium Sensor [14⭐] – 一个插件,可以轻松访问Android和iOS设备上的Pitch and Roll, Diego Velásquez提供。

扫码器

  • QR Code Reader [56⭐] – QR 扫描插件,由Matheus Villela提供。
  • Fast QR Reader View [43⭐] – 快速的QR扫码插件,由 Facundo Medica提供。

蓝牙 / NFC / 信号灯

  • Blue [285⭐] – FlutterBlue是Flutter的蓝牙插件,由Paul DeMarco提供。
  • Beacons [14⭐] – Flutter beacons 插件,由 Loup提供。
  • NFC [26⭐] – 提供了访问Android NFC能力的插件,由 Göksel Uyulmaz提供。

存储

  • Sqflite [499⭐] – SQLite的 flutter版插件,由 Alexandre Roux提供。
  • MMKV [22⭐] – 微信超快速和持久的键值存储,由BigBug提供。

服务

  • Google Mobile Vision [123⭐] – Flutter实现的Google移动视觉,提供了二维码条形码识别,面部识别,文字识别等计算机视觉的计算,由 Eduardo Folly提供。
  • Dialogflow [29⭐] – 聊天列表插件,由 Victor Rances提供。
  • Intercom [15⭐] – 将Intercom集成添加到您的应用程序,由 Maido Kaara提供。
  • MLKit [110⭐] – Firebase机器学习套件,由Naoya Yoshizawa提供。
  • OneSignal [83⭐] – Push notification service by OneSignal.
  • Place Dialog [24⭐] – 位置选择对话框,由 David Bennett提供。
  • App Rating [42⭐] – 申请和撰写App Store和Google Play的评论的插件,由 Rody Davis提供。
  • IBM Watson [4⭐] 轻松与IBM Watson集成,由 Victor Rances提供。

框架

Redux / ELM / 依赖注入

  • Built redux [57⭐] – 支持自动订阅 redux stores,由 David Marne提供。
  • Redux.dart [191⭐] – Redux 到 Dart 的中间件,由 John Ryan 和 Brian Egan提供。
  • Redux [426⭐] – 专为使用redux.dart而设计,允许你轻松使用Redux Store来构建小部件。
  • Dartea [36⭐] – 为Flutter实现MVU(模型视图更新)模式,由Shilyagov P提供。
  • Inject [280⭐] – Google出品的编译时的依赖注入框架。
  • Flutter_flux [239⭐] – Google出品的具有单向数据流的DartAPP架框架。

数据

  • Graphql_flutter [366⭐] – Flutter的GraphQL客户端,将现代GraphQL客户端的所有功能集合到一个易于使用的软件包中,由 Zino App B.V.实现。

动画

  • Sequence Animation [94⭐] – 轻松实现复合交错的动画,由Norbert Kozsir提供。
  • SpinKit [378⭐] – 加载动画指示器,有丰富的加载动画,由 Jeremiah Ogbomo实现。
  • Villains [108⭐] – 页面转场动画,由 Norbert Kozsir提供。
  • AnimatedTextKit [141⭐] – 一组很酷的文字动画,由 Ayush Agarwal提供。

游戏引擎

  • Flame [460⭐] – 极简主义的游戏引擎,由 Luan Nico提供。
  • SpriteWidget [378⭐] – 用于构建复杂,高性能动画和2D游戏的工具包,由Viktor Lidholt提供。

其他

  • Cache Manager [73⭐] – 通用缓存管理器,由 Rene Floor提供。

开源App

  • FriendlyChat [178⭐] – 由Google员工开发的的离线/ Firebase聊天App。
  • Meme Chat [296⭐] – 使用Flutter开发的的聊天App,该App用到了Firebase,Google登录,摄像头等。
  • Flitter [125⭐] – 使用Flutter开发的Gitter 客户端,该App用到了Redux 与 Jaguar,由Hadrien Lejard 和 Kevin Segaud提供。
  • Lime [189⭐] – 使用Flutter开发的Lime客户端。
  • Planets [278] – Flutter Planets app及教程,由Sergi Martínez提供。
  • NewsBuzz [253⭐] – 使用News API在Flutter中创建的新闻App用于获取实时数据,Firebase用作后端和身份验证器,由 Ankur Kedia提供。
  • DroidKaigi2018-flutter [331⭐] – DroidKaigi 2018东京的非官方会议App ,由konifar提供。
  • Music Player [372⭐] – 全功能音乐播放器App,由Pawan Kumar提供。
  • WhatTodo [246⭐] – Flutter实现的的简单Todo App,可以每天跟踪您的任务,由Burhanuddin Rashid提供。
  • FlutterGram [291⭐] – 使用Firebase / Firestore实现Flutter版的Instagram App,由MDanics提供。
  • BookSearch [186⭐] – Flutter实现的带有搜索功能的电子书,由Norbert515提供。
  • Cinematic [333⭐] – Flutter实现的Cinematic 客户端,由Aaron Oertel提供。
  • Beer-Me-Up [143⭐] – Flutter实现啤酒日志App,由Benoit Letondor提供。
  • Trace [121⭐] – 现代而强大的加密投资组合和市场资源管理器,由 Trent Piercy提供。
  • Taskist [80⭐] – Taskist是任务管理的ToDo List App,由 Hugo EXTRAT提供。
  • Tourism [40⭐] – 基于redux w / animations&i18n的旅游应用程序,由 blueMix提供。
  • Trinity Orientation @ Univ Toronto [102⭐] – 多伦多大学迎新周,由 Matthew Tory提供

Block / Angular / PWA

  • InKino [1042⭐] – 完整的电影App,使用flutter_redux进行状态管理,具有漂亮的过渡动画,以及一套全面的小部件和单元测试,由 Iiro Krankka提供。

游戏

  • Flip [45⭐] – Flutter实现的黑白棋游戏,由 Andrew Brogdon提供。
  • 2048 [22⭐] – 2048 游戏,由 Anuran Barman提供。
  • TRex [39⭐] – 着名Chrome的Trex游戏的端口,由 Renan C. Araújo提供。
  • Crush [61⭐] – 如何构建一个Math-3游戏,如Candy Crush,Bejeweled,由 Didier Boelens提供。

基础设施

  • Mutisya 2 – 在线Flutter 开发平台,由 Paul Mutisya提供。
  • Launcher Icons – 轻松生成App启动器图标,由 Mark O’Sullivan 和 Franz Silva提供。
  • Redux Starter/Code Generator [106⭐] – Flutter / Redux的入门项目和代码生成器,由 Hillel Coren提供。
  • FlutterIcon [44⭐] – Flutter图标集生成器,由 Mike Hoolehan提供。
  • IntelliJ Redux – Navigate Redux app ,由 Hillel Coren提供。

桌面

  • Desktop Embedding [1481⭐] – Google出品的Flutter嵌入API的桌面实现。
  • Golang Desktop Embedder [315⭐] – 用于桌面的Golang嵌入器,由 Pierre Champion提供。

社区

  • Gitter – 一个不错的Flutter交流渠道。
  • r/FlutterDev Subreddit – Reddit社区,由 u/JaapVermeulen提供。
  • Dev Discord – Discord服务器讨论并获得帮助,由 Pritykin提供。
  • Flutter Community – Flutter社区组件中心。
  • OpenFlutter – Make it easier 让Flutter更简单.
  • Telegram chat (ru-RU) – 俄语Dart&Flutter社区。

书籍

  • Flutter in Action – 完整的 Flutter 和 Dart 资源。

福利

  • It’s All Widgets! – 使用Google Flutter构建的App合集,由Hillel Coren, Thomas Burkhart, Simon Lightfoot 和 Scott Stoll提供。

好玩的

  • The One [173👍] – 一个有趣的视频。

声明: 资源来源https://github.com/crazycodeboy/awesome-flutter-cn,这里只做分享

Flutter超全开源框架、项目和学习资料汇总