Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
职场AI,就用扣子
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Flukit

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

扫一扫分享

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

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

更多»
热门资源
React Native
Facebookt推出基于 React 的创建跨平台移动应用开发框架
官网
GitHub
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
类似于Flukit的资源
wux-weapp
组件化、可复用、易扩展的微信小程序 UI 组件库
官网
GitHub
vux
基于WeUI和Vue开发的移动端UI组件库,主要服务于微信页面
官网
GitHub
vue2-elm
vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
官网
GitHub
Ratchet
一个优秀的类似bootstrap的前端框架
官网
GitHub
Vue Native
构建跨平台原生移动应用的 JavaScript 框架
官网
GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网
GitHub
FrozenUI
一套基于移动端的UI库
官网
GitHub
GetWidget
一个flutter漂亮的ui组件库,超过1000个组件的封装,易用,美观
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。