liuxm/FlutterUnit
1
0
Fork 0
forked from lxm_flutter/FlutterUnit
Code Issues Pull Requests Projects Releases Wiki Activity
Files
46addefab3ebd39ea6f79c470f5d3383cf2bebb3
FlutterUnit/README.md
toly 46addefab3 🎨 优化代码
2020-06-16 07:51:30 +08:00

242 lines
9.3 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
[![GitHub stars](https://img.shields.io/github/stars/toly1994328/FlutterUnit)](https://github.com/toly1994328/FlutterUnit/stargazers)
[![GitHub forks](https://img.shields.io/github/forks/toly1994328/FlutterUnit)](https://github.com/toly1994328/FlutterUnit/network)
[![GitHub license](https://img.shields.io/github/license/toly1994328/FlutterUnit)](https://github.com/toly1994328/FlutterUnit/blob/master/LICENSE)
### FlutterUnit 下载体验:
| FlutterUnit.apk 下载 | FlutterUnit mac版 下载 | Github仓库地址 |
|------|------------|------------|
|![](https://user-gold-cdn.xitu.io/2020/5/10/171fc4325dbf90b0?w=300&h=390&f=png&s=23688)|![](https://user-gold-cdn.xitu.io/2020/5/4/171e051a0d2cbf37?w=300&h=390&f=png&s=24001)| ![](https://user-gold-cdn.xitu.io/2020/5/4/171e051a0cd9efd7?w=300&h=390&f=png&s=7596)|
- Android下载链接: http://photo.toly1994.com/release/FlutterUnit.apk
- Mac下载链接: http://photo.toly1994.com/release$flutter_unit_mac.zip
- ✨ [Flutter Unit mac版支持 ](https://github.com/toly1994328/FlutterUnit/tree/flutter_unit_mac)
---
#### Flutter Unit 周边
- 🔥 [Flutter实用插件集录 ](https://github.com/toly1994328/FlutterUnit/issues/41)
- 🔥 [Flutter要点集录 ](https://github.com/toly1994328/FlutterUnit/labels/point)
- 🔥 [Flutter Unit 更新记录 ](http://king.toly1994.com/FlutterUnit_update.html)
---
> 当前Flutter 版本
```
a1@toly ~ % flutter --version
Flutter 1.17.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision e6b34c2b5c (5 days ago) • 2020-05-02 11:39:18 -0700
Engine • revision 540786dd51
Tools • Dart 2.8.1
```
---
### 一、组件的展示页面
#### 1. `210+组件收录`
> Flutter源码中的可用的组件一共350个左右，纷繁复杂，也没有明确的分类标准
FlutterUnit 对`大大小小，常用不常用`的组件能收的尽量收录。并`根据个人感觉进行评星 `
`目前收录组件213个`，每个都有至少一个演示展现和代码展示。
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175af35f63c8fb?w=1080&h=2340&f=jpeg&s=158267)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175b0c1c92a004?w=1080&h=2340&f=jpeg&s=161619)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175b0a95d5c549?w=1080&h=2340&f=jpeg&s=150406) |
| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175af9b09f76f6?w=1080&h=2340&f=jpeg&s=153575) | ![](https://user-gold-cdn.xitu.io/2020/4/14/17175b0766ed455b?w=1080&h=2340&f=jpeg&s=166128) |![](https://user-gold-cdn.xitu.io/2020/4/14/17175af6b9523083?w=1080&h=2340&f=jpeg&s=163290) |
---
#### 2. 组件详情页
> `213个组件`全部都有详情页。对于重要的组件会详细展现
一般都会有某个演示对应的组件和属性,尽量做到细致，如果有需要补充，欢迎联系我。
`最重要的是: 所有的演示展现都是Flutter的组件形成的，而非图片，这就意味着可操作性更高。`
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175c3f21476fc5?w=1080&h=2340&f=jpeg&s=67728)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175c44a1cfa94c?w=1080&h=2340&f=jpeg&s=92664)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175c4a7cd90126?w=1080&h=2340&f=jpeg&s=114306) |
| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175c5171d0373f?w=1080&h=2340&f=jpeg&s=159437) | ![](https://user-gold-cdn.xitu.io/2020/4/14/17175c56ce136676?w=1080&h=2340&f=jpeg&s=87311) |![](https://user-gold-cdn.xitu.io/2020/4/14/17175c61623c6462?w=1080&h=2340&f=jpeg&s=108215)|
---
#### 3. 组件的可操作性
> 对一些操作交互的组件或有可操作性的某些组件，`提供操作演示`
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175df98f83e05c?w=362&h=724&f=gif&s=1061771)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175dcce9022ddc?w=362&h=724&f=gif&s=232124)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175de9b348a26a?w=362&h=724&f=gif&s=946647)|
---
#### 4. 相关组件的关联切换
> `相关组件通过link to 可以进行切换, 满足你的探索欲。`
如果有的关联未加入，欢迎联系我，对我来说，加个数字就行了。
![](https://user-gold-cdn.xitu.io/2020/4/14/17175ea0ea610669?w=610&h=226&f=png&s=37961)
| . | . | . |
|------|------------|------------|
|![](https://user-gold-cdn.xitu.io/2020/4/14/17175e8c2a46e1f3?w=362&h=724&f=gif&s=471182)|![](https://user-gold-cdn.xitu.io/2020/4/14/17175e921dfc5c81?w=362&h=724&f=gif&s=658708)| ![](https://user-gold-cdn.xitu.io/2020/4/14/17175e968c4f68e4?w=362&h=724&f=gif&s=300803)|
---
#### 5. 代码的查看和分享
> 激动人心的是，你可以通过右侧的图标`展开/隐藏 实现下面效果的代码`
并且`支持分享`，如果你想亲自体验，so，easy ! 而且`代码高亮样式可以自定义`。
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/171760369b9ae9d6?w=362&h=724&f=gif&s=1207409)| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717603ad9119f2a?w=362&h=724&f=gif&s=1064037)| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717604b10154271?w=362&h=724&f=gif&s=2849830)|
---
### 二、全局配置
#### 1. 颜色主题
> 只提供八种颜色，可在`右滑菜单页`的`我的主题`配置,`可以拓展`
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/171760c51633383d?w=1080&h=2340&f=jpeg&s=94977)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171760cbc7d0ddba?w=1080&h=2340&f=jpeg&s=89001) | ![](https://user-gold-cdn.xitu.io/2020/4/14/171760b8c24c188f?w=1080&h=2340&f=jpeg&s=168263) |
---
#### 2.字体配置
> 支持全局字体设置,`可以拓展`
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717615741f8d2e3?w=1080&h=2340&f=png&s=167438)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171761667bbf6051?w=1080&h=2340&f=png&s=808002) | ![](https://user-gold-cdn.xitu.io/2020/4/14/1717617b8ab59421?w=1080&h=2340&f=png&s=796618)|
---
#### 3.item样式设置
> 支持item样式设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`
| . | . | . |
|------|------------|------------|
|![](https://user-gold-cdn.xitu.io/2020/4/14/1717620037fd9a50?w=1080&h=2340&f=jpeg&s=105051)| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717620161fa89ec?w=1080&h=2340&f=jpeg&s=158327)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171762026eb8656d?w=1080&h=2340&f=jpeg&s=146688)|
---
#### 4.代码面板风格设置
> 支持代码风格设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`
| . | . |
|------|------------|
|![](https://user-gold-cdn.xitu.io/2020/4/14/1717628b5fe1591c?w=1080&h=759&f=png&s=105023)| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717629001ade9b0?w=1080&h=773&f=png&s=102672)|
---
### 三、搜索与收藏功能
#### 1.搜索功能
> 由于Flutter中Widget比较杂乱，不太好分类，所以搜索是非常重要的
另外可以根据星级进行过滤，支持多选。目前正在考虑根据功能分类，之后会有所完善。
| . | . | . |
|------|------------|------------|
| ![](https://user-gold-cdn.xitu.io/2020/4/14/171775fc594e4605?w=1080&h=2340&f=png&s=265281)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171775fd99268a78?w=1080&h=2340&f=png&s=424599)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171775fefef50fb9?w=1080&h=2340&f=png&s=414437) |
---
#### 2.搜藏功能
> 搜藏页做得比较简陋，后面打算做收藏夹，可以自己创建的那种。
| . | . | . |
|------|------------|------------|
|![](https://user-gold-cdn.xitu.io/2020/4/14/17177668aa7fd135?w=1080&h=2340&f=png&s=640245)|![](https://user-gold-cdn.xitu.io/2020/4/14/17177665c53256b4?w=1080&h=2340&f=png&s=797902)| ![](https://user-gold-cdn.xitu.io/2020/4/14/1717765ec688731c?w=1080&h=2340&f=png&s=272421)|
> `FlutterUnit 1.0 `目前基本就是这么多功能，可以在Github中下载打包后的apk玩玩
希望能对你的Flutter学习有所帮助。
---
#### 3.关于我与项目
> 不多说，都在图里。
| . | . | . |
|------|------------|------------|
|![](https://user-gold-cdn.xitu.io/2020/4/14/171777c67ed0c205?w=1080&h=2340&f=png&s=1272888)|![](https://user-gold-cdn.xitu.io/2020/4/14/171777c8ccfce16b?w=1080&h=2340&f=png&s=1105006)| ![](https://user-gold-cdn.xitu.io/2020/4/14/171777caed85b26a?w=1080&h=2340&f=png&s=1190414)
|
---
### Flutter Unit Bug - Feature
- `2020-4-16`
```
fixed " 修改样式无法点击的问题。
fixed " 一些已知文案的错误。
fixed " hero动画闪现不同步问题。
```
---
- `2020-4-17`
```
fixed " 进入收藏页，再回到首页，顶部显示不同步的问题。
fixed " 主页item双击黑屏问题。
feature " 支持详情页【相关链接的栈管理】,
" 即: 点击多个链接，不直接返回主页.
```
---
- `2020-4-18`
```
feature " 小彩蛋: 【长按】底部栏【最左侧按钮】,打开左边菜单栏
" 【长按】底部栏【最右侧按钮】,打开右边菜单栏
fixed " 收藏集的AppBar背景色同主页选中色。
```
---
- `2020-4-19`
```
optimize " 添加收录【LayoutBuilder】组件
optimize " 添加收录【IgnorePointer】组件
optimize " 添加收录【AbsorbPointer】组件
optimize " 添加收录【BackdropFilter】组件
```
Reference in New Issue View Git Blame Copy Permalink