Flutter开源框架学习资料整理

省钱兄科技

于 2019-07-09 09:11:28 发布

阅读量3.5k

点赞数 5

分类专栏： flutter 文章标签： flutter

flutter 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

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

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

欢迎加入：

Flutter中国开发者，1群：860708630（已满）2群：187818932,

文章

一开始

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提供。

验证

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提供。