【 FlutterUnit 食用指南】 开源篇
零、前言
FlutterUnit终于和大家见面了，这将是【张风捷特烈】长期维护的一个项目
欢迎star : https://github.com/toly1994328/FlutterUnit
可以在github 仓库里下载apk体验 :
| FlutterUnit.apk 下载 | Github仓库地址 |
|---|---|
image
|
image
|
Flutter Unit Bug - Feature
2020-4-16
fixed " 修改样式无法点击的问题。
fixed " 一些已知文案的错误。
fixed " hero动画闪现不同步问题。
2020-4-17
fixed " 进入收藏页，再回到首页，顶部显示不同步的问题。
fixed " 主页item双击黑屏问题。
feature " 支持详情页【相关链接的栈管理】,
" 即: 点击多个链接，不直接返回主页.
2020-4-18
feature " 小彩蛋: 【长按】底部栏【最左侧按钮】,打开左边菜单栏
" 【长按】底部栏【最右侧按钮】,打开右边菜单栏
fixed " 收藏集的AppBar背景色同主页选中色。
一、组件的展示页面
1. 200+组件收录
Flutter源码中的可用的组件一共350个左右，纷繁复杂，也没有明确的分类标准
FlutterUnit 对大大小小，常用不常用的组件能收的尽量收录。并根据个人感觉进行评星
目前收录组件207个，每个都有至少一个演示展现和代码展示。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
image
|
image
|
image
|
2. 组件详情页
207个组件全部都有详情页。对于重要的组件会详细展现
一般都会有某个演示对应的组件和属性,尽量做到细致，如果有需要补充，欢迎联系我。
最重要的是: 所有的演示展现都是Flutter的组件形成的，而非图片，这就意味着可操作性更高。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
image
|
image
|
image
|
image
|
image
|
image
|
3. 组件的可操作性
对一些操作交互的组件或有可操作性的某些组件，
提供操作演示
| . | . | . |
|---|---|---|
image
|
image
|
image
|
image
|
image
|
image
|
4. 相关组件的关联切换
相关组件通过link to 可以进行切换, 满足你的探索欲。
如果有的关联未加入，欢迎联系我，对我来说，加个数字就行了。
image
| . | . | . |
|---|---|---|
image
|
image
|
image
|
5. 代码的查看和分享
激动人心的是，你可以通过右侧的图标
展开/隐藏 实现下面效果的代码
并且支持分享，如果你想亲自体验，so，easy ! 而且代码高亮样式可以自定义。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
二、全局配置
1. 颜色主题
只提供八种颜色，可在
右滑菜单页的我的主题配置,可以拓展
| . | . | . |
|---|---|---|
image
|
image
|
image
|
image
|
image
|
image
|
2.字体配置
支持全局字体设置,
可以拓展
| . | . | . |
|---|---|---|
image
|
image
|
image
|
3.item样式设置
支持item样式设置，
可以拓展，支持征集，详见Flutter Unit 1.0 征集方案
| . | . | . |
|---|---|---|
image
|
image
|
image
|
4.代码面板风格设置
支持代码风格设置，
可以拓展，支持征集，详见Flutter Unit 1.0 征集方案
| . | . |
|---|---|
image
|
image
|
image
|
image
|
image
|
image
|
三、搜索与收藏功能
1.搜索功能
由于Flutter中Widget比较杂乱，不太好分类，所以搜索是非常重要的
另外可以根据星级进行过滤，支持多选。目前正在考虑根据功能分类，之后会有所完善。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
2.搜藏功能
搜藏页做得比较简陋，后面打算做收藏夹，可以自己创建的那种。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
FlutterUnit 1.0目前基本就是这么多功能，可以在Github中下载打包后的apk玩玩
希望能对你的Flutter学习有所帮助。
3.关于我与项目
不多说，都在图里。
| . | . | . |
|---|---|---|
image
|
image
|
image
|
四、FlutterUnit 2.0 展望
后面将是一些集录，需要更多的Flutter爱好者参与，计划方案将陆续发布。
| . | . |
|---|---|
image
|
image
|
image
|
image
|
尾声
欢迎Star和关注FlutterUnit 的发展，让我们一起携手，成为Unit一员。
另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同探讨Flutter的问题，期待与你的交流与切磋。
@张风捷特烈 2019.04.04 未允禁转
我的公众号:编程之王
联系我--邮箱:1981462002@qq.com --微信:zdl1994328
~ END ~
最后， Flutter Widget 图鉴 奉上
目前只画了十张，大概100多个组件，过过眼也好。后面有时间会更新。
原图资源也放在 FlutterUnit 中 : 如发现错误欢迎联系我及时改正。
image
image
image
image
image
image
image
image
image
image
