Flutter Unit 周边
FlutterUnit 下载体验: 复制链接,在浏览器下载~
当前Flutter 版本
Flutter 2.2.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b22742018b (7 days ago) • 2021-05-14 19:12:57 -0700
Engine • revision a9d88a4d18
Tools • Dart 2.13.0
一、组件的展示页面
1. 300+组件收录
Flutter源码中的可用的组件一共350个左右,纷繁复杂,也没有明确的分类标准
FlutterUnit 对大大小小,常用不常用
的组件能收的尽量收录。并根据个人感觉进行评星
目前收录组件306个
,每个都有至少一个演示展现和代码展示。
2. 组件详情页
213个组件
全部都有详情页。对于重要的组件会详细展现
一般都会有某个演示对应的组件和属性,尽量做到细致,如果有需要补充,欢迎联系我。
最重要的是: 所有的演示展现都是Flutter的组件形成的,而非图片,这就意味着可操作性更高。
3. 组件的可操作性
对一些操作交互的组件或有可操作性的某些组件,提供操作演示
4. 相关组件的关联切换
相关组件通过link to 可以进行切换, 满足你的探索欲。
如果有的关联未加入,欢迎联系我,对我来说,加个数字就行了。
![](https://camo.githubusercontent.com/a777721dba82c35ee12a3ca1829426d7aad98159abb5c04533579e7d70d33ef2/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f31342f313731373565613065613631303636393f773d36313026683d32323626663d706e6726733d3337393631)
5. 代码的查看和分享
激动人心的是,你可以通过右侧的图标展开/隐藏 实现下面效果的代码
并且支持分享
,如果你想亲自体验,so,easy ! 而且代码高亮样式可以自定义
。
二、全局配置
1. 颜色主题
只提供八种颜色,可在右滑菜单页
的我的主题
配置,可以拓展
2.字体配置
支持全局字体设置,可以拓展
3.item样式设置
支持item样式设置,可以拓展,支持征集
,详见Flutter Unit 1.0 征集方案
4.代码面板风格设置
支持代码风格设置,可以拓展,支持征集
,详见Flutter Unit 1.0 征集方案
. |
. |
![](https://camo.githubusercontent.com/970381b2077c8b82aefe8b77a9239ee70da76cc48da6e6f04e1064693c731cbc/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f31342f313731373632386235666531353931633f773d3130383026683d37353926663d706e6726733d313035303233) |
![](https://camo.githubusercontent.com/a6bbc3087c8cd9cad539260262f5f49f2b62b24c7c29268b50a2b604c0e466f0/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f31342f313731373632393030316164653962303f773d3130383026683d37373326663d706e6726733d313032363732) |
三、搜索与收藏功能
1.搜索功能
由于Flutter中Widget比较杂乱,不太好分类,所以搜索是非常重要的
另外可以根据星级进行过滤,支持多选。目前正在考虑根据功能分类,之后会有所完善。
2.收藏功能
长按左菜单滑页 |
长按右菜单滑页 |
详情内长按展示收藏菜单 |
![](https://camo.githubusercontent.com/6b74e1bd052ab9850cd9d3905e35c54053ddd3870822a39837f405081796fc42/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f32342f313731613763373332333066383033643f773d32383826683d35373626663d67696626733d353633393831) |
![](https://camo.githubusercontent.com/e988544cbd2f98b390f4a0a931831419cc2ff0a3d6681bbdd035b6bd7af24bd1/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f32342f313731613763376362303738306263363f773d32383826683d35373626663d67696626733d363238313035) |
![](https://camo.githubusercontent.com/b3f77ac1f518fa8980eae2825d3152542f87a18da44b4d677fb3d8f4c7cd7f47/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323032302f342f32332f313731613761366661353765336336663f773d32383826683d35373626663d67696626733d343438353732) |
FlutterUnit 1.0
目前基本就是这么多功能,可以在Github中下载打包后的apk玩玩
希望能对你的Flutter学习有所帮助。
3.关于我与项目
不多说,都在图里。
|