FLUTTER ECOSYSTEM

toly1994328/FlutterUnit

すべてのプラットフォーム用 Flutter エクスペリエンスアプリ

GitHub で見る ↗

Stars: 8840
Forks: 1411
最終プッシュ（UTC）: 2026/09/15
プロジェクト状態: 公開中

GITHUB User

张风捷特烈 ↗

海的彼岸有我未曾见证的风采

捷特王国China公式サイト ↗

言語DartHTMLC++CMakeRubyCSSShellSwiftPythonCInno SetupJavaScriptKotlinObjective-C

技術トピック

# flutter # dart # widget-library # learning # painting

使用している依存関係

依存関係一覧 50 件

flutter{"sdk":"flutter"}
flutter_localizations{"sdk":"flutter"}
cupertino_icons^1.0.4
go_router^14.2.0
flutter_bloc^9.1.1
fx_platform_adapter0.0.3
fx_go_router_ext0.0.6+1
fx_dao0.0.3+4
fx_dio0.0.6
fx_boot_starter0.1.1
fx_trace0.0.5+5
fx_ability0.1.0
fx_user_core0.0.1
fx_user_session0.0.1
fx_user_http0.1.0
fx_user_ui0.0.2
fx_account0.1.1
dio^5.4.3+1
shared_preferences^2.5.3
jwt_decoder^2.0.1
path_provider^2.1.5
fx_updater{"path":"modules/basic_system/fx_updater"}
url_launcher^6.3.1
archive^4.0.6
file_picker^10.1.9
share_plus^10.1.4
package_info_plus8.1.4
toly_ui{"path":"modules/basic_system/toly_ui"}
authentication{"path":"modules/basic_system/authentication"}
tolyui0.0.5+2
tolyui_navigation0.2.1+1
tolyui_message^0.2.6+1
tolyui_refresh0.0.1+1
dash_painter^1.0.2
flutter_star^1.0.2
flutter_spinkit^5.2.0
toggle_rotate^1.0.1
wrapper^1.0.2
webview_flutter^4.2.4
sign_in_with_apple^6.1.0
flutter_markdown^0.7.2+1
flutter_svg^2.0.17
image^4.0.17
equatable^2.0.5
pkg_player{"path":"modules/tools_system/pkg_player"}
unit_env{"path":"modules/basic_system/unit_env"}
uuid^4.5.1
flutter_test開発用{"sdk":"flutter"}
integration_test開発用{"sdk":"flutter"}
flutter_lints開発用^4.0.0

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

FlutterUnit v3.4.2
⭐️ 全平台 Flutter 探索应用 ⭐️

FlutterUnit 是一个全平台体验应用，你可以在这里尽情体验 Flutter 带来的创造力。

https://img.shields.io/github/stars/toly1994328/FlutterUnit.svg?style=flat&logo=github&colorB=deeppink&label=stars https://img.shields.io/github/forks/toly1994328/FlutterUnit.svg License: GPL-3.0

下载 App: [Android] • [iOS] • [MacOS] • [Windows] • [Web]

FlutterUnit App

环境与构建

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 桌面版本组件界面

https://raw.githubusercontent.com/toly1994328/FlutterUnit/HEAD/doc/screens/macos-2.webp

Windows 桌面版本组件界面

https://raw.githubusercontent.com/toly1994328/FlutterUnit/HEAD/doc/screens/windows-1.png

开源不易，请我喝咖啡 ~

https://raw.githubusercontent.com/toly1994328/FlutterUnit/HEAD/doc/ewm/coffee1.png

Star History

FlutterUnit Star History

一、组件的展示页面

1. `500+组件收录`

Flutter 生态中的组件与相关能力纷繁复杂，也没有统一的分类标准 FlutterUnit 对大大小小，常用不常用的组件能收的尽量收录。并根据个人感觉进行评星 目前收录组件500+个，每个都有至少一个演示展现和代码展示。

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6acf7b8a1d~tplv-t2oaga2asx-zoom-1.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad06db455~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad085632b~tplv-t2oaga2asx-image.image

2. 组件详情页

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad8ba98f1~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6afb3841c4~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6afb590185~tplv-t2oaga2asx-image.image
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b0ad26b14~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b13d3fb5b~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b15efec19~tplv-t2oaga2asx-image.image

3. 组件的可操作性

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b177c5b67~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b21cc116a~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b2486b5a5~tplv-t2oaga2asx-image.image
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b34887a94~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b3ca09b47~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b3d4e0253~tplv-t2oaga2asx-image.image

4. 相关组件的关联切换

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b4a4d6005~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b5066fbf0~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b5359b695~tplv-t2oaga2asx-image.image

5. 代码的查看和分享

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b6badc1bb~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b6e75653c~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b72cdd78f~tplv-t2oaga2asx-image.image

二、全局配置

1. 颜色主题

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c2e937170~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c3253c4ec~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c4f97f74d~tplv-t2oaga2asx-image.image

2.字体配置

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c5448cb6c~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c55542837~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c5bec6c56~tplv-t2oaga2asx-image.image

3.item样式设置

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c7d4b5988~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c8935dfe1~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c8f90d6ec~tplv-t2oaga2asx-image.image

4.代码面板风格设置

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

.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cac86d591~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cac7d5bc7~tplv-t2oaga2asx-image.image
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cb75e5450~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cd88c7ff9~tplv-t2oaga2asx-image.image

三、搜索与收藏功能

1.搜索功能

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

.	.	.
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c1a355ad3~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c211dfc99~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c28562ec5~tplv-t2oaga2asx-image.image

2.收藏功能

添加收藏集	修改收藏集	删除收藏集
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b7979f4ae~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b97f00113~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ba47f3fd2~tplv-t2oaga2asx-image.image

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

删除与数据同步	组件加入收藏集	收藏集支持多选
https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ba47ab64c~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6badf6ee28~tplv-t2oaga2asx-image.image	https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6bb380c7f5~tplv-t2oaga2asx-image.image

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