toly1994328 / FlutterUnit

<h1 align="center" style="border-bottom: none"> <b> <a href="https://github.com/toly1994328/FlutterUnit">FlutterUnit</a><br> </b> ⭐️ 全平台 Flutter 探索应用 ⭐️ <br> </h1> <p align="center"> FlutterUnit 是一个全平台体验应用，你可以在这里尽情体验 Flutter 带来的创造力。 </p> <p align="center"> <a href="https://github.com/toly1994328/FlutterUnit"><img src="https://img.shields.io/github/stars/toly1994328/FlutterUnit.svg?style=flat&logo=github&colorB=deeppink&label=stars"></a> <a href="https://github.com/toly1994328/FlutterUnit"><img src="https://img.shields.io/github/forks/toly1994328/FlutterUnit.svg"></a> <a href="https://opensource.org/licenses/GPL-3.0"><img src="https://img.shields.io/badge/license-GPL3.0-purple.svg" alt="License: GPL-3.0"></a> </p> <p align="center"> <b> 下载 App: </b> <a href="https://github.com/toly1994328/FlutterUnit/releases/download/v3.2.0/FlutterUnit.apk"><b> [Android] </b></a> • <a href="https://apps.apple.com/cn/app/flutter-unit/id6450545123"><b>[iOS]</b></a> • <a href="https://github.com/toly1994328/FlutterUnit/releases/download/v3.2.0/FlutterUnit.dmg"><b>[MacOS]</b></a> • <a href="https://github.com/toly1994328/FlutterUnit/releases/download/v3.2.0/FlutterUnit.exe"><b>[Windows]</b></a> • <a href="http://toly1994.com/flutter/"><b>[Web]</b></a> </p> <p align="center"><img src="./doc/screens/preview.webp" alt="FlutterUnit App" /></p>

---

环境与构建

Flutter 版本

·]>>  flutter --version
Flutter 3.38.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 19074d12f7 (9 days ago) • 2025-11-20 17:53:13 -0500
Engine • hash 8bf2090718fea3655f466049a757f823898f0ad1 (revision 13e658725d) (8 days ago) • 2025-11-20 20:19:23.000Z
Tools • Dart 3.10.1 • DevTools 2.51.1

构建应用

·]>>  git clone https://github.com/toly1994328/FlutterUnit.git
·]>>  cd FlutterUnit

Build Android:
·]>>  flutter build apk --release --target-platform android-arm64 --split-per-abi -v
Build iOS:
·]>>  flutter build ios
Build Windows:
·]>>  flutter build windows  
Build Linux:
·]>>  flutter build linux
Build web:
·]>>  flutter build web

Flutter Unit 周边

• 🔥 [免费] 掘金小册 -《Flutter 入门教程》
• 🔥 掘金小册 -《Flutter 语言基础 - 梦始之地》
• 🔥 掘金小册 -《Flutter 绘制指南 - 妙笔生花》
• 🔥 掘金小册 -《Flutter 手势探索 - 执掌天下》
• 🔥 掘金小册 -《Flutter 动画探索 - 流光幻影》
• 🔥 掘金小册 -《Flutter 滑动探索 - 珠联璧合》
• 🔥 掘金小册 -《Flutter 布局探索 - 薪火相传》
• 🔥 掘金小册 -《Flutter 渲染机制 - 聚沙成塔》

---

• Flutter环境配置
• Flutter实用插件集录
• Flutter要点集录

---

MacOS 桌面版本组件界面

Windows 桌面版本组件界面

开源不易，请我喝咖啡 ~

Star History

一、组件的展示页面

1. 300+组件收录

Flutter源码中的可用的组件一共350个左右，纷繁复杂，也没有明确的分类标准 FlutterUnit 对大大小小，常用不常用的组件能收的尽量收录。并根据个人感觉进行评星 目前收录组件306个，每个都有至少一个演示展现和代码展示。

.	.	.

---

2. 组件详情页

213个组件全部都有详情页。对于重要的组件会详细展现 一般都会有某个演示对应的组件和属性,尽量做到细致，如果有需要补充，欢迎联系我。 最重要的是: 所有的演示展现都是Flutter的组件形成的，而非图片，这就意味着可操作性更高。

.	.	.

---

3. 组件的可操作性

对一些操作交互的组件或有可操作性的某些组件，提供操作演示

.	.	.

---

4. 相关组件的关联切换

相关组件通过link to 可以进行切换, 满足你的探索欲。 如果有的关联未加入，欢迎联系我，对我来说，加个数字就行了。

.	.	.

---

5. 代码的查看和分享

激动人心的是，你可以通过右侧的图标展开/隐藏 实现下面效果的代码 并且支持分享，如果你想亲自体验，so，easy ! 而且代码高亮样式可以自定义。

.	.	.

---

二、全局配置

1. 颜色主题

只提供八种颜色，可在右滑菜单页的我的主题配置,可以拓展

.	.	.

---

2.字体配置

支持全局字体设置,可以拓展

.	.	.

---

3.item样式设置

支持item样式设置，可以拓展，支持征集，详见Flutter Unit 1.0 征集方案

.	.	.

---

4.代码面板风格设置

支持代码风格设置，可以拓展，支持征集，详见Flutter Unit 1.0 征集方案

.	.

---

三、搜索与收藏功能

1.搜索功能

由于Flutter中Widget比较杂乱，不太好分类，所以搜索是非常重要的 另外可以根据星级进行过滤，支持多选。目前正在考虑根据功能分类，之后会有所完善。

.	.	.

---

2.收藏功能

添加收藏集	修改收藏集	删除收藏集

长按右菜单滑页	长按左菜单滑页	详情内长按展示收藏菜单

删除与数据同步	组件加入收藏集	收藏集支持多选

FlutterUnit 2.0 目前基本就是这么多功能，可以在Github中下载打包后的apk玩玩 希望能对你的Flutter学习有所帮助。

---