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

因为业务,所以需要用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列表。
相关推荐
「、皓子~1 天前
海狸IM 2.0 正式发布:六端齐发,开源 IM 迈入新阶段
flutter·electron·开源软件·ai编程·交友·im
JIngles1231 天前
flutter避免对widget图片作重复刷新(含实际图片发生变化或不发生变化)
flutter
雾沉川1 天前
Flutter 入门开发环境完整搭建教程
学习·flutter
MemoriKu2 天前
Flutter 本地 AI 相册工程收口:从屏幕常亮、标签体系到照片属性后台队列
大数据·人工智能·python·flutter·elasticsearch·搜索引擎·数据库架构
Prowler_92562 天前
创新项目实训博客(十一):大模型智能标题生成与多级降维兜底策略
人工智能·flutter·aigc
不良使2 天前
鸿蒙PC迁移_LocalSend 迁移到鸿蒙 PC:一次 Flutter + Rust + 三方库适配的完整记录
flutter·rust·harmonyos
恋猫de小郭2 天前
由于 iOS 26 的键盘变化,Flutter 又要重构键盘区域逻辑
android·前端·flutter
风华圆舞3 天前
在 Flutter 鸿蒙项目里接入文本转语音的完整思路
flutter·华为·harmonyos
勤劳打代码3 天前
翻江倒海——滚动布局下拉视图管理
flutter·前端框架·开源
spmcor3 天前
Flutter 学习笔记 (6):路由与导航 —— 从基础 push/pop 到 go_router
flutter