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

一开始

• 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，这里只做分享