flutter 资料整理

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

目录

• 文章
  • 一开始
  • HOWTO文档
  • 网站/博客
  • 高级
• 视频
• 组件
  • 演示
  • UI
  • 材料设计
  • 图片
  • 地图
  • 图表
  • 导航
  • 验证
  • 文字和富文本
  • 分析、流量统计
  • 自动构建
  • 风格样式
  • 媒体
    • 音频
    • 视频
    • 语音
  • 存储
  • 获利
• 模板
• 插件
  • 服务
  • 扫码器
  • 蓝牙 / NFC / 信号灯
• 框架
  • Redux / ELM / 依赖注入
  • 动画
  • 游戏引擎
  • 其他
• 开源App
  • 游戏
• 基础设施
• 社区
  • 好玩的
• 福利

文章

一开始

• 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 android [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👍] - 一个有趣的视频。

---

关注公众号，免费接收更多信息