fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Flukit
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/flutterchina/flukit
网站描述:一个 Flutter UI组件库,包含 ScaleView, Swiper

Flukit(Flutter UI Kit)是一个Flutter Widget库。

组件列表

WidgetDescription
AfterLayout在布局结束后,可以拿到对应的RenderObject对象。非常实用的一个组件,需要慢慢体会。
AccurateSizedBox一个精确的SizedBox。SizedBox 会将父组件的约束传递给其子组件,所以有些时候子组件大小并不等于我们通过SizedBox指定的宽高,而 AccurateSizedBox 能很好解决这个问题。具体见示例。
AnimatedRotationBoxRotates child forever
DoneWidget完成提示组件(执行一个打勾动画)
GradientButton
ElevatedGradientButton
背景色渐变按钮
GradientCircularProgressIndicator一个支持颜色渐变的圆形进度指示器
HitTestBlocker通过该组件可以拦截 hit test 流程。
KeepAliveWrapper包括可滚动组件的子组件后,该子组件将会被缓存,意味着即使滑出屏幕也不会被销毁。
LeftRightBox支持左-右布局的组件,不会有文本溢出,右组件最多占总显示宽度的一半。
LayoutLogPrint一个帮助组件:在调试模式下可以将父组件传递的约束信息打印出来。
LogListenerScope监听是否有日志(print)到来。是一个调试工具,可以拦截应用内print的输出然后显示在 UI 上,具体见示例demo.
VerticalLogPanel显示print输出的log。它会将显示区域分为上下两部分,子组件显示在上面,日志面板显示在下面。
LogPanel显示print输出的log.
PullRefreshScope下拉刷新(和flutter自带的有两点不同:PullRefreshScope 是手指抬起后才刷新,另外刷新完成后返回时会执行动画)
SliverPullRefreshIndicator下拉舒新指示器,配合PullRefreshScope 使用。
QuickScrollbar可拖动的滚动条
Swiper一个轮播组件
ScaleView可以对子组件进行缩放(支持双指伸缩、双击)
SliverFlexibleHeader一个随着用户下拉,高度可以伸缩的 sliver header,通常为 CustomScrollView 的第一子sliver。常见的场景是微信朋友圈个人主页顶部图下拉时的弹性效果。
SliverPersistentHeaderToBox和 [SliverPersistentHeader]功能类似,但不同是[SliverPersistentHeaderToBox] 能够直接包含一个盒模型子组件(Box widget),并且高度会使用子组件高度。
SliverHeaderDelegate[SliverPersistentHeader] 的帮助类,用于快速创建delegate 。
SlideTransitionX实现同向滑动效果,通常和[AnimatedSwitcher]一起使用,具体效果见示例demo.
TranslateWithExpandedPaintingArea可以将子组件沿着某个方向平移x像素,平移后,反方向不会出现空白。原理是该组件允许子组件的绘制空间大小在平移方向超过当前显示空间x像素。具体效果见示例demo.
TurnBox可按任意角度旋转子组件,旋转过程执行动画。
WaterMark水印组件

Tools

ToolsDescription
ExtraInfoBoxConstraints可以传递额外信息的 BoxConstraints。
SafeValueNotifier在build/layout/paint 阶段发出通知时也能确保ValueListenableBuilder正常更新。
RenderObjectAnimationMixin如果要在RenderObject中执行动画,则该mixin会非常有用,它封装了动画调度功能。


链接: https://fly63.com/nav/3893

more>>
相关栏目
uni-app
使用 Vue.js开发跨平台应用的前端框架
官网GitHub
Flutter
谷歌推出的跨平台移动UI框架
官网GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网GitHub
ionic
ionic是一个用来开发混合手机应用的,开源的,免费的代码库
官网GitHub
weex
阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
官网GitHub
Taro
多端统一开发框架,生成能运行在微信小程序、H5、React Native 等的应用
官网GitHub
React Belle
一个React组件库
官网GitHub
noUiSlider
一个轻量级的Js范围滑块库
官网GitHub
mavonEditor
基于vue的markdown编辑器
点击进入GitHub
fair ui
为Flutter设计的动态化框架
官网GitHub
react-native-ui-lib
React Native的UI组件库和工具集
官网GitHub
react-native-sideswipe
简单跨平台的React Native可滑动的组件
点击进入GitHub
weui+
在weui和zepto基础上开发的增强UI组件
官网GitHub
weui
微信官方设计团队为微信内网页和微信小程序量身设计的的基础样式库
官网GitHub
ThorUI
轻量、简洁的移动端组件库
官网GitHub
MUI
最接近原生APP体验的高性能前端框架
官网GitHub

手机预览