美文网首页Flutter之旅
【 FlutterUnit 食用指南】 开源篇

【 FlutterUnit 食用指南】 开源篇

作者: 张风捷特烈 | 来源:发表于2020-04-18 10:42 被阅读0次

零、前言

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

相关文章

  • 【 FlutterUnit 食用指南】 开源篇

    零、前言 FlutterUnit终于和大家见面了,这将是【张风捷特烈】长期维护的一个项目欢迎star : http...

  • Python风格指南

    Python 风格指南 - 内容目录 — Google 开源项目风格指南

  • Python资源

    Google 开源项目风格指南

  • 《毒液》食用指南

    毒液是什么? 它是一种呈现为粘液态的共生体 诞生在距离地球几光年之外的克林特星 它可以和宿主结合成一种全新的生物 ...

  • 人类食用指南

    一夜之间,谁能想到,动物竟成了世界的主宰,人类却沦为了它们的食物,它们也不再像刚开始那样生吞活剥,渐渐的讲求精细化...

  • cmder食用指南

    开箱 在官网http://cmder.net/下载,解压即可打开包装食用 把Cmder.exe所在的文件目录加入环...

  • 【开源】对于开源你应该了解的所有法律知识

    开源软件指南 https://opensource.guide/zh-hans 开源的法律保护:对于开源你应该了解...

  • Git 简易食用指南

    写在前面 一开始我们先聊一聊版本控制,什么是版本控制呢?版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定...

  • 青皮核桃食用指南

    今天路过一处公园,偶然发现了一棵高大的核桃树。现在正是青皮核桃上市的时节。站在这棵核桃树下,一抬头就能看到不少乒乓...

  • 低端物种食用指南

    敲门声响起时,我吓得差点将身体对折过去。 我站在门后面歪着脑袋,破开的喉咙不时发出一阵怪声,像破塑料袋在风中拉扯延...

网友评论

    本文标题:【 FlutterUnit 食用指南】 开源篇

    本文链接:https://www.haomeiwen.com/subject/zstvvhtx.html