{"id":84796,"url":"https://github.com/xiaomingx/awesome-flutter","name":"awesome-flutter","description":"An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.","projects_count":50,"last_synced_at":"2026-06-06T20:00:29.318Z","repository":{"id":264574498,"uuid":"893723606","full_name":"XiaomingX/awesome-flutter","owner":"XiaomingX","description":"An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.","archived":false,"fork":false,"pushed_at":"2025-09-17T06:22:20.000Z","size":19,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-13T15:04:05.965Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/XiaomingX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-25T05:06:13.000Z","updated_at":"2025-09-17T06:22:23.000Z","dependencies_parsed_at":"2024-11-25T06:30:05.957Z","dependency_job_id":"6b5fa4a0-94e7-4673-8249-e949a5d912e9","html_url":"https://github.com/XiaomingX/awesome-flutter","commit_stats":null,"previous_names":["xiaomingx/awesome-flutter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/XiaomingX/awesome-flutter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-flutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-flutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-flutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-flutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/XiaomingX","download_url":"https://codeload.github.com/XiaomingX/awesome-flutter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/XiaomingX%2Fawesome-flutter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27286442,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-26T02:00:06.075Z","response_time":193,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2025-02-18T06:30:13.615Z","updated_at":"2026-06-06T20:00:29.318Z","primary_language":"Dart","list_of_lists":false,"displayable":true,"categories":["Uncategorized","1. 入门必看（零基础快速上手）","19. 开发效率工具（提效必备）","10. 多媒体与设备交互（功能扩展）","18. 游戏开发框架","8. UI 组件与示例（快速搭好看的界面）","9. 视觉效果与动效（让 App 更精致）","20. 桌面/嵌入式开发（跨平台扩展）","13. 开箱即用模板（快速启动项目）","17. 优质开源应用（参考学习）","15. 增强现实（AR）开发","12. 应用变现工具（赚钱必备）","14. 机器学习与 AI（智能功能扩展）","4. 入门核心资源（工具与指南）","5. 进阶技术指南（工程化与架构）","6. 高阶深度解析（底层与引擎）","7. 视频学习合集（可视化更易理解）"],"sub_categories":["Uncategorized","应用内购买","设备交互","声音相关","广告变现"],"readme":"# awesome-flutter：2024 最新 Flutter 学习与开发资源大全\n\n\n## 1. 入门必看（零基础快速上手）\n入门阶段优先选择**官方权威资源**和**体系化教程**，避免走弯路。\n\n- [Flutter 官方入门 Codelab](https://docs.flutter.dev/get-started/codelab)  \n  核心价值：手把手教你搭建第一个 Flutter 应用，覆盖 Widget 基础、布局逻辑、页面导航，适配 Flutter 3.x 最新版本，绝对是新手起点。\n- [为何选择 Flutter 2024](https://flutter.dev/showcase)  \n  核心价值：官方展示字节跳动、阿里巴巴等企业的生产级案例，清晰说明 Flutter 跨移动/桌面/Web/嵌入式的优势，帮你明确技术选型理由。\n- [Flutter Web 快速入门](https://docs.flutter.dev/development/platform-integration/web)  \n  核心价值：官方教程，从 Web 环境配置到性能优化（如图片懒加载），解决“Flutter 写网页卡不卡”“如何适配浏览器”等实际问题。\n\n\n## 2. 优质学习平台（系统提升）\n这些博客/网站持续输出高质量内容，覆盖从基础到进阶的全场景。\n\n| 平台名称                | 链接                          | 核心价值                                                                 |\n|-------------------------|-------------------------------|--------------------------------------------------------------------------|\n| Flutter 官方博客        | https://medium.com/flutter     | 第一时间获取 Flutter 新特性（如 Impeller 引擎）、团队最佳实践，权威无水分。 |\n| Didier Boelens' Blog    | https://didierboelens.com     | 聚焦实际开发问题（如手势冲突、权限适配），提供可直接复用的代码方案，支持英法双语。 |\n| Reso Coder              | https://resocoder.com/category/flutter/ | 体系化教程，侧重“Clean Architecture + 状态管理”，适合想写“工程化代码”的开发者。 |\n| FilledStacks            | https://www.filledstacks.com/ | 从 UI 布局到后端集成（如 Firebase）的实战指南，附带完整项目源码。          |\n\n\n## 3. 手把手实用教程（边练边学）\n通过具体项目掌握技术点，比纯理论更高效。\n\n- [Flutter 状态管理入门](https://codelabs.developers.google.com/codelabs/flutter-state-management#0)  \n  核心价值：对比 `setState`、`Provider`、`Riverpod` 的用法与场景，新手能快速理解“为什么需要状态管理”。\n- [Firebase 完整集成实战](https://firebase.google.com/codelabs/flutter-firebase-analytics#0)  \n  核心价值：覆盖“手机号登录→云数据库存数据→远程配置改样式”全流程，适配最新 FlutterFire SDK。\n- [10 个 Flutter 实战小项目](https://github.com/ResoCoder/flutter-tutorials)  \n  核心价值：从“待办清单”到“天气 App”，每个项目对应一个技术点（如动画、网络请求、本地存储），代码可直接运行。\n\n\n## 4. 入门核心资源（工具与指南）\n整理了新手高频用到的“字典级”资源，随用随查。\n\n- [Flutter 官方文档（中文）](https://docs.flutter.dev/guides)  \n  核心价值：最权威的 Widget 说明、API 文档、平台适配指南，新手遇到问题先查这里。\n- [2024 Flutter 学习路线图](https://github.com/fluttertools/flutter_roadmap_2024)  \n  核心价值：按“基础→进阶→专项”划分阶段，标注每个阶段的重点（如基础学 Widget，进阶学 Riverpod）。\n- [Flutter 布局小抄（2024 版）](https://medium.com/flutter-community/flutter-layout-cheat-sheet-2024-5363348d037e)  \n  核心价值：用“代码+效果图”详解 `Row`/`Column`/`Stack` 等 10+ 布局组件，解决“怎么排 UI 才不歪”的问题。\n- [Flutter Widget 速查工具](https://flutter-widget.live/)  \n  核心价值：可视化展示所有官方 Widget，点击可看源码和效果，找组件时不用翻文档。\n\n\n## 5. 进阶技术指南（工程化与架构）\n脱离“写 Demo”阶段，掌握企业级开发能力。\n\n- [Flutter 状态管理全家桶](https://suragch.medium.com/flutter-state-management-2024-4c71a2f2f0c1)  \n  核心价值：对比 `Riverpod`（推荐）、`BLoC`、`GetX` 的优缺点，附中型项目实战代码。\n- [Flutter Clean Architecture 实战](https://resocoder.com/2020/09/09/flutter-clean-architecture-course-1-domain-layer/)  \n  核心价值：教你如何拆分“数据层→领域层→表现层”，让代码可测试、易维护。\n- [Flutter 性能优化指南](https://docs.flutter.dev/perf/rendering-performance)  \n  核心价值：官方讲解“如何解决 UI 卡顿”，覆盖 `const` 优化、列表懒加载、图片缓存等实战技巧。\n\n\n## 6. 高阶深度解析（底层与引擎）\n适合想深入 Flutter 原理的进阶开发者。\n\n- [Flutter 渲染管线解析](https://www.youtube.com/watch?v=996ZgFRENMs)（2023 年更新）  \n  核心价值：讲解“Widget→Element→RenderObject”三棵树的关系，理解 Flutter 为什么“UI 渲染快”。\n- [Impeller 渲染引擎详解](https://flutter.dev/docs/development/tools/impeller)  \n  核心价值：Flutter 3.x 主推的新引擎，解决老引擎（Skia）的卡顿问题，本文解析其原理与启用方式。\n- [Flutter 自定义 RenderObject 实战](https://medium.com/flutter-community/flutter-custom-renderobject-101-7055051ad99a)  \n  核心价值：教你手写自定义组件（如复杂进度条），深入理解 Flutter UI 渲染本质。\n\n\n## 7. 视频学习合集（可视化更易理解）\n适合喜欢“看视频学”的开发者，优先选更新频率高的频道。\n\n- [Flutter 官方 YouTube 频道](https://www.youtube.com/@flutter)  \n  核心价值：新特性直播、团队访谈、技术深析，比如“Flutter 3.22 新功能讲解”“Impeller 性能对比”。\n- [Reso Coder 视频教程](https://www.youtube.com/c/ResoCoder)  \n  核心价值：“架构+实战”结合，比如“用 Riverpod + Clean Architecture 写电商 App”系列。\n- [Code With Andrea](https://www.youtube.com/c/CodeWithAndrea)  \n  核心价值：侧重“高质量代码”，讲解如何做单元测试、优化打包体积，适合想进大厂的开发者。\n\n\n## 8. UI 组件与示例（快速搭好看的界面）\n不用重复造轮子，直接用成熟组件和示例。\n\n- [Flutter 官方 Gallery](https://gallery.flutter.dev/)  \n  核心价值：官方 Material 3 组件演示，可直接在网页上交互，代码开源，抄作业必备。\n- [FlutterFlow 可视化 UI 库](https://flutterflow.io/templates)  \n  核心价值：零代码生成 UI，支持导出 Flutter 代码，适合快速做原型或中小项目。\n- [Flutter 基础示例合集](https://github.com/nisrulz/flutter-examples)  \n  核心价值：包含“下拉刷新”“侧滑删除”“弹窗”等 50+ 基础功能示例，复制即可用。\n\n\n## 9. 视觉效果与动效（让 App 更精致）\n提升 UI 质感的实用工具库。\n\n- [Flutter Neumorphic](https://github.com/Idean/Flutter-Neumorphic)  \n  核心价值：实现“浮雕拟物”风格组件（按钮、输入框），支持深色模式，适配 Material 3。\n- [flutter_glassmorphism](https://github.com/bdlukaa/flutter_glassmorphism)  \n  核心价值：实现“玻璃拟物”效果，适合做高端 App 界面（如音乐播放器、天气 App）。\n- [lottie_flutter](https://github.com/xvrh/lottie-flutter)  \n  核心价值：直接导入 AE 制作的动画（如加载动画、弹窗动效），无需手动写帧动画，开发效率翻倍。\n\n\n## 10. 多媒体与设备交互（功能扩展）\n处理声音、摄像头、位置等设备能力。\n\n### 声音相关\n- [speech_to_text](https://pub.dev/packages/speech_to_text)  \n  核心价值：语音转文字，支持 iOS/Android/Web，可设置语言（中文、英文）、识别精度。\n- [just_audio](https://pub.dev/packages/just_audio)  \n  核心价值：功能全面的音频播放器，支持后台播放、进度条控制、音质调节。\n\n### 设备交互\n- [camera](https://pub.dev/packages/camera)  \n  核心价值：调用手机摄像头，支持拍照、录像、切换前后置镜头，适配最新系统版本。\n- [geolocator](https://pub.dev/packages/geolocator)  \n  核心价值：获取设备位置（经纬度）、监听位置变化，支持 iOS/Android/Web，解决权限适配问题。\n\n\n## 11. 数据存储方案（本地与云端）\n根据项目需求选合适的存储方式。\n\n| 存储类型       | 工具/库                          | 核心价值                                                                 |\n|----------------|----------------------------------|--------------------------------------------------------------------------|\n| 云端存储       | Firebase Storage                 | 背靠 Google 云，适合存图片、视频等大文件，集成简单，支持权限控制。       |\n| 本地安全存储   | flutter_secure_storage           | 存敏感数据（如 Token、密码），iOS 用 Keychain，Android 用 Keystore，安全可靠。 |\n| 本地数据库     | Hive                             | 轻量级 NoSQL 数据库，无需原生代码，读写速度快，适合存列表数据（如历史记录）。 |\n| 复杂本地查询   | Drift（原 Moor）                 | SQLite 的 Dart 封装，支持复杂 SQL 查询、联表操作，适合数据量大的 App。    |\n\n\n## 12. 应用变现工具（赚钱必备）\n主流的广告和内购方案。\n\n### 广告变现\n- [google_mobile_ads](https://pub.dev/packages/google_mobile_ads)  \n  核心价值：官方 Admob 插件，支持横幅、插屏、激励视频广告，适配 Flutter 3.x，数据统计清晰。\n- [facebook_audience_network](https://pub.dev/packages/facebook_audience_network)  \n  核心价值：接入 Facebook 广告网络，适合海外用户较多的 App，可与 Admob 互补。\n\n### 应用内购买\n- [in_app_purchase](https://pub.dev/packages/in_app_purchase)  \n  核心价值：官方插件，支持 iOS（App Store）、Android（Google Play）的一次性购买和订阅制，稳定无坑。\n\n\n## 13. 开箱即用模板（快速启动项目）\n省去重复写基础 UI 的时间，直接二次开发。\n\n- [Flutter 电商模板](https://github.com/abuanwar072/Flutter-E-Commerce-UI)  \n  核心价值：包含商品列表、购物车、详情页、支付流程 UI，支持深色模式，代码结构清晰。\n- [Flutter 社交 App 模板](https://github.com/abuanwar072/Flutter-Social-Media-App)  \n  核心价值：有首页feed、聊天、个人中心，集成了图片选择、下拉刷新等基础功能。\n- [The Gorgeous Login](https://github.com/huextrat/TheGorgeousLogin)  \n  核心价值：5 种好看的登录界面（如渐变背景、验证码登录），可直接集成到项目中。\n\n\n## 14. 机器学习与 AI（智能功能扩展）\n在 Flutter 中集成 AI 能力，无需深厚算法基础。\n\n- [tflite](https://pub.dev/packages/tflite)  \n  核心价值：运行 TensorFlow Lite 模型，支持图像分类（如识别水果）、目标检测（如识别行人）。\n- [google_mlkit_text_recognition](https://pub.dev/packages/google_mlkit_text_recognition)  \n  核心价值：集成 Google ML Kit，实现“拍照识字”，支持中文、英文等多语言，识别准确率高。\n\n\n## 15. 增强现实（AR）开发\n快速实现 AR 功能，如虚拟试穿、空间测量。\n\n- [arkit_flutter_plugin](https://github.com/olexale/arkit_flutter_plugin)  \n  核心价值：iOS 端 ARKit 封装，支持 3D 模型加载、平面检测（如在地面放虚拟物体）。\n- [arcore_flutter_plugin](https://github.com/giandifra/arcore_flutter_plugin)  \n  核心价值：Android 端 ARCore 封装，功能与 ARKit 对齐，可跨平台实现基础 AR 场景。\n\n\n## 16. 状态管理框架对比（选对工具效率翻倍）\n不同框架适合不同场景，避免盲目跟风。\n\n| 框架       | 核心优势                                  | 适用场景                                  | 学习难度 |\n|------------|-------------------------------------------|-------------------------------------------|----------|\n| Riverpod   | 无上下文依赖、支持监听、测试友好          | 中大型项目、团队协作                      | 中等     |\n| BLoC       | 逻辑与 UI 分离、状态变化可追溯            | 复杂业务逻辑（如电商下单流程）            | 中等     |\n| Provider   | 轻量、易用、官方推荐入门                  | 小型项目、简单状态管理（如主题切换）      | 简单     |\n| GetX       | 集成路由、状态管理、依赖注入，功能全面    | 快速开发原型、中小型项目                  | 简单     |\n\n\n## 17. 优质开源应用（参考学习）\n看成熟项目的代码结构，学习最佳实践。\n\n- [AppFlowy](https://github.com/AppFlowy-IO/appflowy)  \n  核心价值：开源 Notion 替代品，用 Flutter + Rust 开发，代码规范，覆盖复杂状态管理、跨平台适配。\n- [Mattermost Flutter](https://github.com/mattermost/mattermost-mobile)  \n  核心价值：企业级聊天 App，支持实时通讯、文件传输，学习如何做长连接和大型 App 架构。\n- [FlutterNews](https://github.com/fluttercn/flutter_news_app)  \n  核心价值：中文新闻客户端示例，覆盖网络请求、本地缓存、列表优化，适合新手参考。\n\n\n## 18. 游戏开发框架\nFlutter 也能写游戏，适合轻量级或 2D 游戏。\n\n- [Flame](https://github.com/flame-engine/flame)  \n  核心价值：极简 2D 游戏引擎，支持精灵动画、碰撞检测，文档完善，适合入门游戏开发。\n- [Bonfire](https://github.com/RafaelBarbosatec/bonfire)  \n  核心价值：基于 Flame 的角色扮演游戏框架，自带 AI 敌人、地图加载功能，可快速做 RPG 小游戏。\n\n\n## 19. 开发效率工具（提效必备）\n这些工具能解决“打包慢、调试烦”等问题。\n\n- [Flutter DevTools](https://docs.flutter.dev/tools/devtools)  \n  核心价值：官方调试工具，可查看 Widget 树、监控内存占用、调试网络请求，必装。\n- [flutter_native_splash](https://pub.dev/packages/flutter_native_splash)  \n  核心价值：生成启动页（Splash Screen），支持渐变背景、品牌 Logo，适配 iOS/Android。\n- [dart_code_metrics](https://pub.dev/packages/dart_code_metrics)  \n  核心价值：检查代码规范（如未用的变量）、分析性能问题，帮你写出高质量 Dart 代码。\n\n\n## 20. 桌面/嵌入式开发（跨平台扩展）\nFlutter 3.x 已稳定支持桌面，可开发 Windows/macOS 应用。\n\n- [Fluent UI](https://github.com/bdlukaa/fluent_ui)  \n  核心价值：实现微软 Fluent Design 风格，适合开发 Windows 桌面 App，组件贴合系统体验。\n- [flutter-pi](https://github.com/ardera/flutter-pi)  \n  核心价值：树莓派的 Flutter 嵌入器，可开发嵌入式设备界面（如智能音箱屏幕）。\n- [Flutter 桌面打包指南](https://docs.flutter.dev/desktop)  \n  核心价值：官方教程，讲解如何打包 Windows 安装包、macOS DMG 文件，解决签名问题。\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/xiaomingx%2Fawesome-flutter/projects"}