Flutter开源框架学习资料整理

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

如果您欣赏本篇内容?，支持项目可见性，请给?|⭐|?

目录

• 文章

• 一开始
• HOWTO文档
• 网站/博客
• 高级

• 视频
• 组件

• 演示
• UI
• 材料设计
• 效果
• 日历
• 图片
• 地图
• 图表
• 导航
• 验证
• 文字和富文本
• 分析、流量统计
• 自动构建
• 风格样式
• 媒体

• 音频
• 视频
• 语音

• 存储
• 获利

• 模板
• 插件

• 设备
• 扫码器
• 蓝牙 / NFC / 信号灯
• 存储
• 服务

• 框架

• Redux / ELM / 依赖注入
• 动画
• 游戏引擎
• 其他

• 开源App

• 游戏

• 基础设施
• 社区

• 好玩的

• 书籍
• 福利

文章

一开始

• Google IO 2018 [1.1K?] - 构建美观，灵活的用户界面。
• Zero to One [3.3K?] - Flutter基础知识，由Mikkel Ravn提供。
• From Install to ListView [685?] - 全系列4篇文章，由Chema Rubio提供。

教程

• 革命性移动端开发框架-Flutter时间简史
• 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提供。

网站/博客

• Flutter技术专栏
• 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提供。

视频

• Flutter从入门到进阶实战携程网App - 一门涵盖入门 -> 进阶 -> 实战 -> 拔高拓展的视频教程。
• 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?] - 一个有趣的视频。

MIT Licensed