Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-flutter-cn

一个很棒的Flutter学习资源，官方教程，插件，工具，文章，App，视频教程等的资源列表
https://github.com/crazycodeboy/awesome-flutter-cn

Last synced: 4 days ago
JSON representation

组件
- 验证
  - Firebase Auth - Firebase 登录SDK.
  - Instagram - Instagram 登录验证由 [Wilfried Mbouenda Mbogne](http://developer-journey.com/)提供。
- 演示
  - 官方展示库 - Flutter团队提供的材料设计小部件演示。
  - Flutter示例 - [Nishant Srivastava](https://github.com/nisrulz)编写的简单基础的独立应用程序示例。
  - Flutter目录 - [X-Wei](https://github.com/X-Wei)展示Flutter组件，同时显示源代码。
  - 生成艺术 - [Robert Felker](https://github.com/Solido)创建的生成艺术作品。
- UI
  - StaggeredGridView - 可变大小瓦片的网格视图，由[Romain Rastel](https://github.com/letsar)创建。
  - Radial Menu - 动画径向菜单，由[Victor Choueiri](https://github.com/xqwzts)创建。
  - Tinder Cards - 类似Tinder的卡片滑动效果，由[Ivascu Adrian](https://github.com/Ivaskuu)创建。
  - Flip Panel - 带有内置动画的翻转面板，由[HungHD](https://github.com/hnvn)创建。
  - Flutter Tags - 带有不同自定义选项的标签小部件，由[Di Natale Antonino](https://github.com/Dn-a)创建。
  - Flutter Neumorphic - 用于Flutter的现成Neumorphic套件，支持🕶️暗黑模式。
  - Card Settings - 用于构建设置表单的包，由[codegrue](https://github.com/codegrue)创建。
  - Timelines - 强大且易于使用的时间轴包，由[Chulwoo Park](https://github.com/chulwoo-park)创建。
  - Timeline Tile - 用于构建美观和可自定义时间轴的瓷砖小部件，由[Julio Bitencourt](https://github.com/JHBitencourt)提供。
  - Rounded Loading Button - 带有加载指示器的按钮，包括成功和错误动画，由[Chris Edgington](https://twitter.com/ChrisTheEdg)创建。
  - PlutoGrid - 可以通过键盘控制的Web和桌面数据表格，由[bosskmk](https://github.com/bosskmk)创建。
  - Flushbar - 高度可配置的Snackbar，由[Andre Haueisen](https://github.com/AndreHaueisen)创建。
  - Stepper Touch - 漂亮动画的侧面值步进器，由[Raouf Rahiche](https://github.com/Rahiche)创建。
  - Typeahead - 用户输入时显示覆盖建议的小部件，由[Abdul Rahman Al Hamali](https://github.com/AbdulRahmanAlHamali)创建。
  - Snaplist - 创建可捕捉的列表视图，由[David Leibovych](https://github.com/ariedov)创建。
  - Pin Code - 用于登录和OTP的动画和可定制的Pin码，由[Liew Jun Tung](https://github.com/liewjuntung)创建。
  - Folding Cell - 折叠小部件，由[Faob](https://github.com/faob-dev)创建。
  - Direct Select - 全屏模态弹出的选择小部件，由[Ivan Yatsouba](https://github.com/iyatsouba)创建。
  - Before After - 美观的滑块，方便展示两张图片之间的差异，由[Sahil Kumar](https://github.com/xsahil03x)创建。
  - Scratcher - 刮刮卡小部件，临时隐藏用户内容，由[Kamil Rykowski](https://github.com/vintage)创建。
  - Image Sequence Animator - 一款简单的小部件，用于动画化一组图片，提供完全自定义控制，作为使用GIF文件的替代方案，由[Ali Yigit Bireroglu](https://github.com/aliyigitbireroglu)创建。
  - Beautiful_Popup - 美化应用弹出窗口，由[jaweii](https://github.com/jaweii)创建。
  - Sticky Infinite List - 带有粘性标题的高度可配置的多向无限列表，由[TatsuUkraine](https://github.com/TatsuUkraine)提供。
  - Sticky Header - 带有粘性头部效果的组件，由[Romain Rastel](https://github.com/letsar)提供。
  - Hidden Drawer Menu - 漂亮的抽屉模式菜单功能带有透视动画，由[Rafael Almeida Barbosa](https://github.com/RafaelBarbosatec)提供。
  - Flutter Inner Drawer - 创建内部抽屉（左/右）的简单方法，您可以在其中输入列表菜单，由[Di Natale Antonino](https://github.com/Dn-a)提供。
  - Fancy Bottom Navigation - 动画底部导航，由[Tony Owen](https://github.com/tunitowen)提供。
  - Bottom Navy Bar - 美丽多彩的动画底部导航栏，由[Pedro Massango](https://github.com/pedromassango)提供。
  - Titled Navigation Bar - 动画底部导航栏，可在图标和标题之间切换，由[Pedro Massango](http://github.com/pedromassango)提供。
  - Rubber Bottom Sheet - 弹性材料设计的底部表单，由[Mattia Crovero](https://github.com/mcrovero)提供。
  - Modal Bottom Sheet - 带材料设计，Cupertino iOS 13或自定义外观的模态底部表单，由[Jaime Blasco](https://github.com/jamesblasco)提供。
  - Google Nav Bar - 一款现代化的 Google 风格导航栏，由 [Sooxt98](http://github.com/sooxt98) 创建。
  - 可见区域通知列表 - 当小部件在提供的区域内可见时，通知的列表视图，由[Vamsi Krishna](https://github.com/rvamsikrishna)开发。
  - RangeSlider - 滑动选择范围的Flutter组件，由[Didier Boelens](https://www.didierboelens.com)提供。
  - Fluid Slider - 具有最小设计和流体状动画的滑块，由 [Vamsi Krishna](https://github.com/rvamsikrishna)提供。
  - Flutter Xlider - 具有RTL支持的水平和垂直材料设计滑块和范围滑块，由[Ali-Azmoud](https://github.com/Ali-Azmoud)提供。
  - 可重新排序 - 通过拖放实现表格、行、列、Wrap(Grid)和SliverList元素的重新排序，由[Hansheng Chiu](https://github.com/hanshengchiu)开发。
  - 无限列表视图 - 可在两个方向上进行无限滚动的列表视图，由[Simon Lightfoot](https://github.com/slightfoot)开发。
  - 离线 - 用于处理离线/在线连接的整洁工具，由[Jeremiah Ogbomo](https://twitter.com/jogboms)开发。
  - 滚动到索引 - 为SliverList/ListView滚动到指定索引的子元素，由[Jerry Chen](https://github.com/jerrywell/)开发。
  - Unicorn Speed Dial - 带有快速拨号Flutter浮动动作按钮，由 [Tiago Martins](https://github.com/tiagojencmartins)提供。
  - Slidable - 带有左右滑动操作的可滑动列表项组件，由 [Romain Rastel](https://github.com/letsar)提供。
  - Peek & Pop - 基于iOS功能的Peek＆Pop实现，由[Ali Yigit Bireroglu](https://github.com/aliyigitbireroglu)提供。
  - Slide Container - 以平滑阻尼运动的方式垂直和水平滑动，由[Quentin Le Guennec](https://github.com/quentinleguennec)创建。
  - Credit Card Form - 动画信用卡输入表单，由[Origogi](https://github.com/Origogi)创建。
  - Facebook Reactions - Facebook反应小部件，由[Duy Tran](https://github.com/duytq94)创建。
  - Animated Selection Slide - 通过滑动实现动画化的选择小部件，由[Sezgin Bilgetay](https://github.com/sbilketay)创建。
  - Dough - 创建可压缩用户界面的小部件，由[Josiah Saunders](https://github.com/HatFeather)创建。
  - 展示视图 - 在iOS和Android上展示应用程序功能的方式，由[Simform](https://github.com/simformsolutions)开发。
  - 液体下拉刷新 - 一个美观且可自定义的刷新指示器，由[Ayush Agarwal](https://github.com/aagarwal1012/)开发。
- 存储
  - Firebase Storage - Firebase作为数据存储的插件。
- 媒体
  - OK Google - 集成 Google 助手，由 [Marcin Szalek](https://marcinszalek.pl/) 制作。
  - Audio Service - 系统后台音频支持，由 [Ryan Heise](https://github.com/ryanheise) 制作。 [教程](https://suragch.medium.com/background-audio-in-flutter-with-audio-service-and-just-audio-3cce17b4a7d?sk=0837a1b1773e27a4f879ff3072e90305) 由 [Suragch](https://twitter.com/Suragch1) 提供。
- 文字和富文本
  - Markdown - Flutter的Markdown渲染器。它支持原始格式，但不支持内联HTML。
- 国际化
  - attranslate - 通过 [fkirc](https://github.com/fkirc) 制作的自动化翻译 ARB 或 JSON 文件工具。
- 赚钱
  - Admob - 支持 iOS 和 Android 的插页式广告，由 Brett Nesbitt 制作。
  - Firebase AdMob - 使用 Firebase 进行广告集成。
文章
- HOWTO文档
  - 构建变体 - [Salvatore Giordano](https://medium.com/@salvatoregiordanoo)介绍了如何定义构建配置并在Flutter中进行切换。
  - 视差效果 - [Marcin Szalek](https://marcinszalek.pl)创建的视差和非线性动画。
- 介绍
  - Flutter Web - Flutter Web的来龙去脉 by [Nash](https://nash0x7e2.github.io/)提供.
  - Presentation - 为什么我会选择Flutter 由[Helio S. Junior](https://github.com/hjJunior)提供。
- 网站/博客
  - Welcome to Flutter - 英文和法文博客，致力于为Ditter Boelens提出的有关Flutter的最常见问题提供实用的解决方案。
  - Flutter by Example - 基于Redux，Firebase，自定义动画和UI的教程。
  - Flutter Institute - 非常原创的内容和教程，由 [Brian Armstrong](https://twitter.com/flutterinst)提供。
  - Norbert - 深度文章、特色与应用创建，由 [Norbert515](https://github.com/Norbert515)提供。
  - Flutter Tips - 开发中的文章，提示和技巧由[Diego Velásquez](https://twitter.com/diegoveloper)提供。
  - FilledStacks - 开发教程和指南 by [Dane Mackier](https://www.instagram.com/filledstacks/)提供。
  - Flutter技术专栏
  - SZAŁKO-BLOG - 渐进式高级设计，由[Marcin Szalek](https://marcinszalek.pl/)提供。
  - Awesome Flutter tips - 由 [erluxman](https://twitter.com/erluxman/) 提供的帮助开发人员提高生产力的提示。
- 教程
  - Todo List
  - Flutter 3.7更新详解 - 全局文本选择、Impeller 渲染速度、DevTools，为开发者们带来一个更好用的 Flutter 3.7！
  - Flutter 3更新详解 - 深入了解最新版本，包括 macOS 和 Linux 平台的稳定支持、多项性能改进等！
  - 一文掌握Flutter 2.10新特性 - Flutter 2.10 包括 Flutter 对 Windows ⽀持的重⼤更新、⼏项重⼤的性能改进、框架中图标和颜⾊的新⽀持以及一些⼯具改进等。
  - Flutter2重磅发布支持Web和桌面应用 - Flutter正式迎来了它的的第二个大版本，增加了对桌面和Web 应用程序的支持。
  - 革命性移动端开发框架-Flutter时间简史 - 一文读懂Flutter前世今生。
  - Firebase Chat - Google Code Labs整合Firebase。
  - Planets-Flutter: from design to app - 详细的planets设计教程。
  - Flutter and Dart development - [Suragch](https://twitter.com/Suragch1)撰写的文章和教程。
  - Flutter高级进阶实战仿哔哩哔哩APP - 一次性深度掌握Flutter高阶技能+商业级复杂项目架构设计与开发方案
  - Flutter 3.3更新详解 - 文字处理、性能提升和其他改进和更新，为开发者们带来一个更好用的 Flutter 3.3！
  - Flutter 2.8 更新特性一览 - Flutter 2.8正式版重磅发布，还不来看看？
- 初学者
  - Flutter开发路线图 - 由[Olexandr Leuschenko](https://github.com/olexale)制作的Flutter新手可视化路线图，包含原则、模式和框架。
  - 初学者指南 - [Anthony](https://github.com/antz22)编写的关于Flutter和Firebase基础知识的综合指南。
  - 给Android开发者的Flutter入门指南 - 一份面向Android开发者的Flutter入门指南。
  - 初学者如何高效学习Flutter开发？ - 一份指导初学者快速高效上手Flutter的指南。
  - 布局速查表 - [Tomek Polański](https://github.com/tomaszpolanski)提供的布局小部件的详细示例。
- 高级
  - 手势系统 - Flutter深入剖析：手势。作者：[Nash](https://github.com/nash0x7e2)。
  - 模式 - 由[Didier Boelens](https://didierboelens.com)解释的Widget、状态、上下文和InheritedWidget。
  - 渲染引擎教程 - Flutter的渲染引擎教程。作者：[AbdulRahman AlHamali](https://github.com/AbdulRahmanAlHamali/)。
  - InheritedWidget - 使用Flutter的InheritedWidget来保存应用状态。作者：[Chema Molins](https://github.com/jmolins)。
  - 从移动到桌面 - 构建适用于智能手机和桌面的应用程序。作者：[Marcelo Henrique Neppel](https://neppel.com.br)。
  - 辅助功能小部件 - 关于辅助功能的各个方面的深入信息。作者：[Muhammed Salih Güler](https://twitter.com/salihgueler)。
  - 渲染流水线 - 由Adam Barth介绍的引擎架构。
  - 渲染对象 - 什么是Widgets、渲染对象和元素？作者：[Norbert515](https://github.com/Norbert515)。
  - 流和RxDart - 由[Brian Egan](https://github.com/brianegan)在Skillmatters上的演讲。
- 中级
  - Flutter极简状态管理 - 通过了解应用程序架构，无需依赖第三方框架。作者：[Suragch](https://twitter.com/Suragch1)。另请参阅[状态管理](#state-management)。
书籍
- 适应于初学者
  - Flutter in Action - 完整的 Flutter 和 Dart 资源。
  - Beginning App Development - ，由[Rap Payne](https://github.com/rapPayne)提供。
  - Beginning Flutter - ，由[Marco Napoli](https://github.com/JediPixels)提供。
  - Flutter for Beginners - ，由[Alessandro Biessek](https://github.com/biessek)提供。
  - Learn Google Flutter Fast - ，由[Mark Clow](https://github.com/markclow)提供。
- Cookbooks
  - Practical Flutter - ，由[Frank Zammetti](https://github.com/fzammetti)提供。
引擎
- 开源游戏
  - Awesome Flame - -stargazers:flame-engine/awesome-flame--> - Flame 游戏引擎的精选列表，包含最佳 Flame 游戏、项目、库、工具、教程、文章等，由 [Flame Engine](https://github.com/flame-engine) 维护。
视频
- HOWTO文档
  - Flutter从入门到进阶实战携程网App - 一门涵盖入门 -> 进阶 -> 实战 -> 拔高拓展的视频教程。
  - ChatGPT + Flutter快速开发多端聊天机器人App - 整合ChatGPT与Flutter高级技术，手把手带你从0到1开发一款可运行在多端的聊天机器人App，帮助你抓住机遇，快速具备AI运用能力，成为移动端领域的AI高手![new](http://www.devio.org/img/ico/ico_new.gif)。
  - Boring Show - 与Flutter团队一起探索的视频系列。
  - Flutter in Practice - 面向初学者和非程序员的视频课程，由[Zaiste](https://zaiste.net/)提供。
  - Tensor Programming - [Tensor Programming](http://tensor-programming.com/)提供的内容非常丰富。
  - Mtechviral - [印地语/英语] [Pawan Kumar](https://github.com/iampawan)的Mtechviral系列视频。
框架
- 动画
  - Animate Do - 受 Animate.css 启发的动画包，由 [Fernando Herrera](https://twitter.com/Fernando_Her85) 开发。
- Redux / ELM / 依赖注入
  - Async Redux - 无需样板代码的 Redux。支持同步和异步的 reducer，由 [Marcelo Glasberg](https://github.com/marcglasberg/) 开发。
- 后端
  - Parse for Flutter - 开源的后端框架，由 [ParsePlatform](https://parseplatform.org/) 开发。
实用工具
- Top
  - json-to-dart - JSON在线转Dart工具，支持空安全![ new](http://www.devio.org/img/ico/ico_new.gif)。
  - FlutterIcon - 由 [Mike Hoolehan](https://github.com/ilikerobots) 创建的图标集生成器。
- VSCode
  - Awesome Snippets - 常用类和方法的集合，由[Nash](https://twitter.com/Nash0x7E2)提供。
  - Flutter Files - 通过上下文菜单快速生成BLoC模板文件，由[Gorniv](https://github.com/gorniv)提供。
  - Flutter Intl - i18n从arb文件绑定，由[Localizely](https://twitter.com/localizely)提供。
- IntelliJ / Android Studio
  - Flutter Intl - 从Arb文件进行18n绑定，由[Localizely](https://twitter.com/localizely)提供。
插件
- 设备
  - Device Calendar - 提供修改用户日历能力的插件，由[Built to Roam](http://builttoroam.com)提供。
- 服务
  - Intercom - 将 Intercom 集成到你的应用程序中，由 [Maido Kaara](https://github.com/v3rm0n) 开发。
  - App Rating - 请求和撰写应用商店和 Google Play 的评论，由 [Rody Davis](http://appleeducate.com) 开发。
博客
- 英语
  - It's all widgets! Flutter podcast - 由[Hillel Coren](https://twitter.com/hillelcoren)主持。
- 葡萄牙语
  - Universo Flutter - 由[Matias de Andrea](http://deandreamatias.com/)主持。
- 西班牙语
  - Código Flutter - 由[Guillermo García](https://guillermogarcia.es/)主持。
附加
- 好玩的
  - The One - 一个有趣的视频。
- 指南和面试
  - 国际化Flutter入门套件 - 由专家编写的指南，由[Beyza Sunay Guler](https://twitter.com/BeyzaSunayGler1)和[Nawal Alhamwi](https://twitter.com/__nawalhmw)提供。
社区
- 演讲材料
  - Logo - 贴纸印象的logo。
- 交流
  - r/FlutterDev Subreddit - Reddit社区，由 [u/JaapVermeulen](https://www.reddit.com/user/JaapVermeulen)提供。
  - Flutter Community - Flutter社区组件中心。
  - OpenFlutter - Make it easier 让Flutter更简单.
  - Hashnode - 阅读和撰写帖子，参与讨论或提问。

Programming Languages

Dart 51 TypeScript 1 JavaScript 1

Ecosyste.ms: Awesome

awesome-flutter-cn

组件

验证

演示

UI

存储

媒体

文字和富文本

国际化

赚钱

文章

HOWTO文档

介绍

网站/博客

教程

初学者

高级

中级

书籍

适应于初学者

Cookbooks

引擎

开源游戏

视频

HOWTO文档

框架

动画

Redux / ELM / 依赖注入

后端

实用工具

Top

VSCode

IntelliJ / Android Studio

插件

设备

服务

博客

英语

葡萄牙语

西班牙语

附加

好玩的

指南和面试

社区

演讲材料

交流