Skip to content

toly1994328/FlutterUnit

Repository files navigation

FlutterUnit
⭐️ 全平台 Flutter 探索应用 ⭐️

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

License: GPL-3.0

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

FlutterUnit App


环境与构建

Flutter 版本

·]>>  flutter --version
Flutter 3.24.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 2663184aa7 (3 months ago) • 2024-09-11 16:27:48 -0500
Engine • revision 36335019a8
Tools • Dart 3.5.3 • DevTools 2.37.3

构建应用

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

Build Android:
·]>>  flutter build apk --target-platform --split-per-abi
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.收藏功能

添加收藏集 修改收藏集 删除收藏集
长按右菜单滑页 长按左菜单滑页 详情内长按展示收藏菜单
删除与数据同步 组件加入收藏集 收藏集支持多选

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