当前位置: 首页 > news >正文

不规则瀑布流布局拖拽重排序

因为业务,所以需要用flutter去实现一种不规则图形的瀑布流,但是同时需要支持拖拽并重新排序。效果类似如下。

在这里插入图片描述

查询过现有的插件,要么是仅支持同样大小的组件进行排序,要么就是动画效果不是很满意,有点死板,总有这样那样的问题,所以自己写了一个,地址如下:staggered_reorderable

version 0.0.12支持的功能:

  1. scrollDirection :指定布局方向,支持水平和垂直。
  2. duration :拖拽时触发重排序的动画持续时间。
  3. antiShakeDuration:防抖时间,为了防止临界点时频繁触发重排序(只能解决一部分,还是会出现,后续会优化掉),默认milliseconds:100
  4. collation :拖拽完成后的交换规则,true:交换,false:插入,默认false。
  5. children :布局的子项,需要是List<*ReorderableItem*> 类型。
  6. columnNum:布局的个数,垂直布局时为每行,水平布局时为每列,默认3。
  7. spacing:间隙 ,默认5.0。
  8. canDrag:是否允许拖拽,不允许则为单纯的不规则图形瀑布流布局。
  9. forwardRedundancy :自动滚动冗余偏移量[Axis.vertical]向上; [Axis.horizontal]向左,默认40.0。
  10. backwardRedundancy :自动滚动冗余偏移量[Axis.vertical]向下; [Axis.horizontal]向右,默认40.0。
  11. scrollStep:每次自动滚动长度,默认10.0。
  12. onReorder :每次交换完会调用此方法,获取排序后的trackingNumber列表。
http://www.xdnf.cn/news/717787.html

相关文章:

  • Windows【基础操作1】
  • 学习路之PHP--easyswoole简易增删改查入门
  • Java基础 Day24
  • 字节流操作:InputStream类 读取文件的操作(三种 read 方法)
  • 解构产品经理
  • 深入剖析网络协议:七层协议与四层协议详解
  • 在容器里运行go程序报错:/bin/sh: ./manager: not found
  • 基于照片环境信息的AI定位技术:从原理到实战的深度解析
  • KEYSIGHT N9320B是德科技N9320B频谱分析仪
  • AVL树c++实现
  • 基于51单片机和8X8点阵屏、独立按键的射击消除类小游戏
  • matlab雷达定位仿真
  • 【请关注】关于VC++实现使用Redis不同方法,有效达到 Redis 性能优化、防击穿
  • 使用 pytesseract 构建一个简单 OCR demo
  • PostgreSQL安装
  • 【 Samba】Windows 用户访问Docker服务器上当前A用户的 ~/aaa目录
  • Kotlin中的::操作符详解
  • Android 之 kotlin 语言学习笔记二(编码标准)
  • 【DeepSeek 部署中的常见问题及解决方案】
  • [解决]在 Vue 3 使用 Vite 开发的项目中,放在 public 文件夹里的文件,在打包部署后出现 404 的问题
  • python学习打卡day39
  • IO Vs NIO
  • Sqlalchemy 连mssql坑
  • 三维可视化和实时数据处理对前端性能要求以及优化渲染效率
  • Ubuntu 和 Linux 命令行是高度通用的
  • pom.xml 文件中配置你项目中的外部 jar 包打包方式
  • 《100天精通Python——基础篇 2025 第22天:Python 多进程编程入门与实战详解》
  • 09《从依赖管理到容器化部署:Maven 全链路实战笔记,解锁 Java 项目自动化构建的终极奥秘》
  • Cancer Cell丨肺癌早期干预新突破,TIM-3靶点或成关键
  • 【Phytium】飞腾FT2000/4 GPIO功能开发实例【待完成】