SkillAgentSearch skills...

FlutterUnit

All Platform Flutter Experience App

Install / Use

/learn @toly1994328/FlutterUnit
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<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 周边



MacOS 桌面版本组件界面

Windows 桌面版本组件界面

开源不易,请我喝咖啡 ~

Star History

Star History Chart

一、组件的展示页面

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.收藏功能

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

| 长按右菜单滑页 | 长按左菜单滑页 | 详情内长按展示收藏菜单 | |------|------------|------------| | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6beb370b8b~

View on GitHub
GitHub Stars8.8k
CategoryEducation
Updated11h ago
Forks1.4k

Languages

Dart

Security Score

100/100

Audited on Mar 24, 2026

No findings