期待已久的新教程上线啦!解锁React Native开发新姿势,一网打尽React Native最新与最热技术,点我Get!!!
Flutter是Google出品的一款用于开发高性能、高保真、跨平台App(Android iOS)的SDK。
欢迎归队:
Flutter中国开发者,群聊号码:
860708630
目录
文章
一开始
- 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 [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👍] - 一个有趣的视频。