转载
[译] Awesome Flutter:带你从入门到进阶的 Flutter 指南
温馨提示:
本文最后更新于 2019年08月30日,已超过 1,911 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我。
入门文章
- Google IO 2018 (857 👏) —— 构建漂亮,灵活的用户界面。
- Flutter 从零到一(2.2K 👏)—— Flutter 基础,作者是 Mikkel Ravn
- 从安装到写一个 ListView(551 👏)—— 全套 4 篇文章,作者是 Chema Rubio
教程
- 开发一个安卓应用 —— 配置和开发第一个应用,作者是 Ashraff Hathibelagal。
- Animated Chat —— 创建漂亮的 UI,来自谷歌代码实验室(Google Code Labs)。
- Firebase Chat —— Firebase integration,来自谷歌代码实验室。
- Planets-Flutter:从设计到开发 —— 详细的 planets design 教程。
说明文档
- Flutter 动画从零到一 —— 主要讲动画,作者是 Mikkel Ravn。
- Google Cloud Functions —— 由 Google Cloud Functions 提供支持的应用,作者是 Romin Irani。
- Firebase(324 👍)—— Firebase 实时编码。
- 安全类 APP(231 👏)—— 作者是 Mehmet Fidanboylu。
- 开发你自己的插件(299 👏)—— 如何开发自定义插件?作者是 Karthik Ponnam。
- Build Flavor(257 👏)—— 定义构建配置并切换它们,作者是 Salvatore Giordano。
Websites / Blogs
- SZAŁKO-BLOG - Step by step advanced design by Marcin Szalek.
- Sergi & Replace - Basic to advanced articles and tutorials Sergi Martínez.
- Flutter by Example - Tutorials based on Redux, Firebase, Custom Animations, and UI.
- Flutter Institute - Very original content and tutorials by Brian Armstrong.
- Flutter Rocks - Blog about the joys of Flutter by Iiro Krankka.
- Norbert - In depth articles, features and app creation by Norbert515.
视频教程
- Tensor Programming(64 🎬)—— 内容非常丰富,作者是 Tensor Programming。
- Flutter 挑战 —— 高生产价值,深入的 Flutter 挑战、教程和模式。
- Brandon Donnelson(55 🎬)—— 内容包括布局、数据库和 Brandon Donnelson 的一些常用技巧。
- Mtechviral(71 🎬)—— [印地语/英语] Mtechviral 系列,作者是 Pawan Kumar。
- Udacity —— 开发原生移动应用,来自 Google。
- VoidRealms(42 🎬)—— 从入门到进阶的视频教程。
组件
示例
- 官方 Gallery —— 来自 Flutter 团队的展示 Material Design 风格的 Widget 和一些其他功能展示的示例 APP。
- Posse Gallery(131 ★)—— 示例,作者是 Posse。
- Flutter 示例(708 ★)—— 为 Flutter 开发者提供的一个简单基础的独立应用,作者是 Nishant Srivastava。
UI
- 拾色器(5 ★)—— 选择 Primary、Accent 和 RGB 颜色,作者是 Hadrien Lejard。
- 3D 对象(19 ★)—— 在画布(canvas)上面渲染一个 wavefront 对象(.obj 文件,Alias|Wavefront 公司的 3D 模型文件格式),作者是 Hemanth Raj。
- Contact Picker —— 从通讯录里选取一个联系人,作者是 Michael Goderbauer
- Parallax(110 ★)—— ViewPager,作者是 Iiro Krankka。
- Material 风格的拾色器(23 ★)—— 基于 Google Docs 的拾色器,作者是 Lung Razvan。
- StaggeredGridView(115 ★)—— 具有不同尺寸磁贴(tile)的 GridView,作者是 Romain Rastel。
- Sticky Header (27 ★) - Sliver based sticky headers by Romain Rastel.
- 径向菜单(76 ★)—— 带动画的径向菜单,作者是 Victor Choueiri。
- Tinder 卡片(58 ★)—— Tinder like 卡片滑动效果,作者是 Ivascu Adrian。
- Sticky Headers (73 ★) - Configurable sticky headers by Simon Lightfoot.
- Login Animation (119 ★) - Smooth animation from login to home by Ruchika Gupta.
- List Drag&Drop (55 ★) - Reorder list elements using Drag & Drop by Norbert515.
- Calendar Widget (8 ★) - Calendar widget by David Bennett.
- Side Header List (38 ★) - Listview with sticky headers by Rene Floor.
- Shimmer (55 ★) - Shimmer effect while content is loading by HungHD.
图片
- Image Picker —— 图片选择器,作者是 Collin Jackson。
- 可缩放图像(42 ★)—— 作者是 Perlatus。
- Carousel Slider(42 ★)—— 旋转滑动小部件,支持无限滚动和自定义子部件,作者是 serenader。
- Parallax Image(53 ★)—— 图像视差,作者是 Anatoly Pulyaevskiy。
- Photo View (25 ★) - Scalable image view with loading placeholder by Renan C. Araújo.
地图
- Google Map View(176 ★)—— 展示谷歌地图的插件,作者是 AppTree Software。
- GeoCoder(16 ★)—— 正向和反向地理编码,作者是 Aloïs Deniel。
- Flutter 地图(144 ★)—— 开源的地图定制化解决方案(基于 Leaflet),作者是 AppTree Software。
- Mapbox GL(72 ★)—— 交互式、可定制的矢量地图,作者是 Mapbox。
图表
- Circular Chart(78 ★)—— 带动画效果的径向图和饼图,作者是 Victor Choueiri。
- Flutter Charts(66 ★)—— 折线图和垂直柱状图的库,作者是 Milan Zimmermann。
- Sparkline(43 ★)—— Sparkline 图表,作者是 Victor Choueiri。
- Charts(140 ★)—— 来自谷歌图表团队(Google Charts Team)。
- Flutter Plot(5 ★)—— 漂亮的 plot 制图工具,作者是 R. C. Howell。
- Candlesticks(18 ★)—— OHLC(蜡烛图)和贸易额图表,作者是 Trent Piercy。
- FCharts (117 ★) - Beautiful, responsive, animated charts by Keenan Thompson.
导航
- Fluro(292 ★)—— 具有导航、通配符、查询、过渡动画的最亮、最时尚、最酷的 Flutter 路由器,作者是 Posse。
- Circle Indicator(12 ★)—— PageViewer 的圆形指示器,作者是 Lung Razvan。
- Quick Actions —— 与应用程序的主屏幕快速操作进行交互。
- Swiper (12 ★) - Horizontal, Vertical, Partial swipe with indicator by Xueliang Ren.
认证
- 本地身份验证 —— Ios 和 Android 上的 Touch ID、锁屏密码和指纹验证
- Flutter 登录(96 ★)—— FaceID, TouchID, 还有指纹扫描,作者是 Rody Davis。
- Google Sign-In —— Google 身份验证。
- Firebase Auth —— Firebase 身份验证。
- Facebook Login (62 ★) - Authenticate with native Android & iOS Facebook login SDKs by Iiro Krankka.
- Flutter OAuth(44 ★)—— Buffer、Strava、Unsplash 和 Github 身份验证,作者是 Joe Birch。
- Instagram —— Instagram 身份验证,作者是 Wilfried Mbouenda Mbogne。
文字和富文本
- Flutter Markdown(63 ★)—— 用 Flutter 开发的 Markdown 渲染器。支持原始格式,但不支持内联 html。
- Rich Text Editor (42 ★) - Text editor with style by Lung Razvan.
- Masked Text (6 ★) - Masked text with custom and monetary formatting by Ben-hur Santos Ott.
分析
- Usage(35 ★)—— 适用于命令行、网页 和 Flutter 应用程序的 Google Analytics 封装。
- Firebase Analytics —— 连接到 Firebase Analytics API。
- Segment.com 分析(3 ★)—— 让你的 Segment.com 分析变得轻而易举!作者是 Faisal Abid。
自动化构建
- Travis CI for Flutter(19 ★)—— 持续集成,作者是 Yegor Jbanov。
- 在 Travis 上测试 Flutter(246 👏)—— Widget 测试框架,作者是 Yegor Jbanov。
- 在 Travis 上构建 Apk/Ipa(130 👏)—— 针对 Android 和 IOS 平台的自动化构建,作者是 Yegor Jbanov。
- BitRise(36 👏)—— 用 Go 语言创建 Bitrise 步骤,作者是 Karol Wrótniak。
风格
- Flutterial(46 ★)—— Flutter Material 主题的探索者,作者是 Erick Ghaumez。
- Frosted Glass —— 渲染器效果,作者是 Collin Jackson。
- Font Awesome —— Font Awesome 图标包,作者是 Brian Egan。
- FlutterIcon —— 图标字体生成器。
- Pigment(27 ★)—— 简单但是很实用的在 Flutter 里面使用颜色的包。
多媒体
- 音频插件(95 ★)—— Beta 版,作者是 Erick Ghaumez。
- 录音机(24 ★)—— 录制音频并存储在本地,作者是 Jordan Alcaraz。
- Stereo(22 ★)—— 在 iOS 和 Android 上面播放音乐,作者是 2Find。
- WebRTC (80 ★) - WebRTC plugin for iOS/Android by CloudWebRtc.
- Chewie (70 ★) - Provides low-level access to video playback by Brian Egan.
语音
- Speech Recognition(41 ★)—— 语音转文字,作者是 Erick Ghaumez。
- OK Google —— 整合了 Google 语音助手,作者是 Marcin Szalek。
存储
- Firebase Storage —— 用 Firebase 作为数据存储设备。
- Secure Storage (23 ★) - Keychain and Keystore storage by German Saprykin.
变现
- Admob —— GoogleAdmob 支持在 iOS 和 Android 上面显示插页式广告,作者是 Brett Nesbitt。
- Firebase AdMob —— 使用 Firebase 进行广告整合。
- Flutter Billing(39 ★)—— 在 iOS 和 Android 上面使用结算,作者是 Volodymyr Lykhonis。
模板
- Movie Details(93 ★)—— 电影详情页面,作者是 Iiro Krankka。
- Flutter Mates(160 ★)—— 如何从 randomuser.me API 加载个人信息列表,并通过一个漂亮的页面展示个人信息详情,作者是 Iiro Krankka。
- Weather(50 ★)—— 学习如何使用 Canvas 和动画去制作天气应用,作者是 Alessandro Aime。
- TodoMVC(644 ★)—— 准备使用不同框架的备忘录应用:Vanilla, Redux, built_redux,作者是 Brian Egan。
- Restaurant Menu(219 ★)—— 饭店菜单,作者是 Braulio Cassule。
- UI 挑战(222 ★)—— 个人信息应用、旅行应用、美食应用,作者是 Tomi Alagbe。
- Cupertino Settings(19 ★)—— iOS 设置,作者是 Matthias Rupp。
- Music Player(59 ★)—— 音乐播放器部件,作者是 Tobe O。
- Dashboard(142 ★)—— 仪表板和商品列表,作者是 Ivascu Adrian。
- Todo (94 ★) - Todo template from Dribble by Marc L.
- Card Swipe Animation (40 ★) - Swipe cards template by Ruchika Gupta.
插件
- Flutter 插件 —— Flutter 团队的官方插件
- Sqflite(221 ★)—— SQLite 的 Flutter 插件,作者是 Alexandre Roux。
- WebView(152 ★)—— 作者是 Hadrien Lejard。
- Pub Plugins —— Dart Pub Repository 的筛选插件。
- Flutter Location(79 ★)—— 处理位置,处理回调以获得连续的位置,作者是 Lyokone。
- QR Code Reader(32 ★)—— 二维码扫描插件,作者是 Matheus Villela。
- Battery —— 获取电池相关的各种信息。
- Zebra EMDK(3 ★)—— 使用 Zebra EMDK 来获取 Barcode Scanner API。
- Proximity Sensor Plugin —— 一个可以访问你设备上的距离传感器(proximity sensor)的插件,作者是 Manoj NB。
- Geolocation(72 ★)—— 功能齐全的地理位置插件:当前位置,位置更新,地理编码,地点等等,作者是 Loup。
- Local Notifications(62 ★)—— 展示本地通知的插件,作者是 Michael Bui。
- Google Mobile Vision(25 ★)—— Google Mobile Vision 的实现,作者是 Eduardo Folly。
- App Rating(20 ★)—— 为 App Store 和 Google Play 评分和写评论,作者是 Rody Davis。
- Get Version(13 ★)—— 获取版本名、版本号、App ID 和带有操作系统版本的平台信息,作者是 Rody Davis。
- Downloader (23 ★) - Create and manage download tasks by HungHD.
- Place Dialog (9 ★) - Places picker dialog returning the places to the app by David Bennett.
- Cached Network Image (61 ★) - Show images from the internet and keep them in the cache directory by Rene Floor.
- Device Calendar - Plugin for modifying calendars on the user's device by Built to Roam.
蓝牙 / NFC / Beacon
- Flutter Ble(45 ★)—— 蓝牙,作者是 Polidea
- Flutter Blue(142 ★)—— 蓝牙,作者是 Paul DeMarco。
- NFC (12 ★) - Connect IsoDep iso 14443-4 cards for android by Göksel Uyulmaz.
- Beacons (4 ★) - Flutter beacons plugin by Loup.
框架
Redux / ELM / Dependency Injection
- Flutter built redux(40 ★)—— 自动订阅你的 Redux 仓库。基于建造模式,作者是 David Marne。
- Redux.dart(115 ★)—— 具有中间件生态系统、集成了 Flutter 还有时间旅行开发工具的面向 Dart 语言的 Redux 接口,作者是 John Ryan 和 Brian Egan。
- Flutter_redux(183 ★)—— 这是一个能支持 redux.dart 的实用工具,能让你轻松消费 Redux Store 来开发 Flutter Widgets。
- Dartea (7 ★) - Model View Update inspired by TEA from ELM by Shilyagov P.
- Inject (184 ★) - Compile-time dependency injection for Dart and Flutter by Google.
- Flutter_flux (167 ★) - Implementation of the Flux framework by Google.
动画
- Sequence Animation (16 ★) - Composite staggered animations by Norbert Kozsir.
游戏
- Flame(176 ★)—— 极简主义的游戏引擎,作者是 Luan Nico。
- SpriteWidget (228 ★) - Toolkit for building complex, high performance animations and 2D games by Viktor Lidholt.
Misc
- Cache Manager (26 ★) - Generic cache manager by Rene Floor.
开源 APP
- FriendlyChat(106 ★)—— 一群谷歌员工开发的离线或者是基于 Firebase 的聊天应用。
- Meme Chat(244 ★)—— Flutter 上的聊天应用,用到了 Firebase、谷歌登陆和设备相机集成,作者是谷歌员工。
- Flitter(83 ★)—— Glitter 客户端,作者是 Hadrien Lejard 和 Kevin Segaud。里面用到了 Redux 和 Jaguar。
- Lime ——(129 ★)Lime 是 Sebastian Sellmair 开发的社交网络应用。
- Planets-Flutter(149 ★)—— 显示了丰富 UI 的行星探索应用,作者是 Sergi Martínez。
- NewsBuzz(175 ★)—— 从 News API 获取数据并使用 Firebase 做后台的新闻阅读器,作者是 Ankur Kedia。
- DroidKaigi2018-flutter(226 ★)—— 东京 DroidKaigi 2018 的非官方会议应用,作者是 konifar。
- Music Player(178 ★)—— Pawan Kumar 开发的全功能音乐播放器。
- InKino(820 ★)—— 完整的电影应用程序,使用 Flutter_Redux 框架进行状态管理,具有很好的过渡动画,以及一套很全面的小部件还有单元测试,作者是 Iiro Krankka。
- WhatTodo (105 ★) - Todoist like UI by Burhanuddin Rashid.
- FlutterGram (74 ★) - Complete Instagram based on Firestore & Google Functions by MDanics.
- BookSearch (97 ★) - Digital BookShelf for your reading progress by Norbert515.
- Cinematic (145 ★) - UI for Movie DB Public API by Aaron Oertel.
- Beer-Me-Up (75 ★) - Beer tracking nicely designed by Benoit Letondor.
Games
- Flip (25 ★) - Reversi game by Andrew Brogdon.
Utilities
IDE
- IntelliJ Plugin - Flutter on Intellij and Webstorm.
- Dart Code - Plugin to get Dart with Visual Studio Code by Danny Tuppeny.
- VSCode Snippets - Translated from IntelliJ IDEA Official Snippets by Franz Silva.
- Mutisya 2 - Online Flutter Studio by Paul Mutisya.
Desktop
- Desktop Embedding (576 ★) - Desktop implementations of the Flutter embedding API by Google.
- ZSH Completion (2 ★) - ZSH completion for the Flutter CLI tool by Nikolai Simonov.