问题标签 [reorderable-list]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4159 浏览

flutter - Flutter ReorderableListView 中的 onReorder() 参数

我尝试使用 ReorderableListView 小部件在 Flutter 中创建一个可重新排序的列表

我找不到关于 onReorder 中的两个参数的确切解释。我找到了一些“oldIndex”、“newIndex”员工——但这看起来并不正确。

我已经建立了一个包含三个项目的列表的示例。当我拖动项目时,我得到以下(让我感到困惑)结果:

对我来说,它看起来像是索引和位置的混合......

也许有人知道我的错误是什么?

0 投票
0 回答
569 浏览

flutter - 无法选择列表中的第一个元素

我用过这个部门。https://pub.dev/packages/flutter_reorderable_list 来创建可重新排序的列表,我做了并设置了样式。我没有使用带复选框的文本输入,而是生成了 10 个列表,其中 9 个是可点击的,但不是第一个。

在此处输入图像描述

输入和复选框不适用于第一个列表元素,但它们确实适用于其他元素

0 投票
0 回答
96 浏览

javascript - 在 Angular 8 组件中创建具有可重新排序行的表,而不使用任何包、Angular 材料、cdk、primeng 或 jQuery

我想在 Angular 组件中创建一个表,我可以在其中以表格形式显示来自数据库的所有数据,并且根据用户的要求,他/她应该能够重新排列表中显示的任何行

我想在不使用任何包、Angular 材料、cdk、primeng 或 jQuery 的情况下实现它

是否有任何使用 Javascript 或打字稿的实现?

0 投票
1 回答
435 浏览

firebase - Firebase 集合到 ReorderableListView

我在 Flutter 中有一个 Firebase 集合,我想在 reorderableListView 中拥有它。集合中的文档有一个“位置”字段,该字段应确定列表的顺序并在列表的重新排序时更新。

0 投票
0 回答
124 浏览

swift - RealmSwift:IndexPath 处的 MoveRow 出错了

我有一个 AccountType 列表,其中包含 Account 模型,而我的 TableView 正在列出它们。如下所示。

但是,我无法使用领域移动RowAtIndexPath,即使我确实移动了 indexPath 中的行,indexPath 数据也根本不会改变。

问题 1:如果我移动(AccountType A account 1)(AccountType A account 2)位置。account 1现在将显示的数据account 2

问题 2:即使我在 moveRow At IndexPath 中使用 realm.write 保存了 tableView,如果我重新打开它,它也会返回到原始列表。

问题3:Account(indexPath.row)意味着在AccountType(indexPath.Section)我可以将它移动到任何部分。

0 投票
1 回答
2124 浏览

android - Flutter - 可重新排序的列表,Listview 嵌套在 expandtile 内

我正在尝试使用可重新排序的列表视图构建一个示例,该列表视图具有扩展图块作为其子项。展开图块后,它将向用户显示一个列表视图,如下 所示 展开图块,其中嵌套了列表视图

当所有扩展图块都折叠时,我可以通过长按和移动来重新排列图块。但是如果其中一个瓦片被展开,并且用户尝试重新排列瓦片,颤振将抛出以下错误并且展开的瓦片将无法折叠,直到热重新加载

不可折叠列表视图

我应该如何修复它?该问题似乎源于将滚动控制器嵌套在另一个滚动控制器中。有没有办法在长按时强制所有扩展瓦片塌陷?提前致谢

0 投票
1 回答
654 浏览

flutter - 在抽屉中使用时可重新排序的列表视图不起作用

我需要在抽屉中使用可重新排序的列表。为此,我创建了一个小部件。当我在主屏幕/脚手架/构建中使用小部件时:一切正常。

但是当我在抽屉中使用相同的小部件时,我得到一个应用程序异常,建议填写错误报告。

在抽屉中使用小部件时我需要做其他事情还是这真的是一个错误?

我的程序的简化版本:

崩溃报告是这样的:

谢谢你的帮助!

0 投票
1 回答
1833 浏览

flutter - Flutter:ReorderableListView 更改项目宽度,并忽略圆角边框

我有一个ReorderableListView,其中包含容器 我的问题是,为了更漂亮(在我看来),我的容器有圆角,并且它们没有全宽(我在列表中放置了一个填充)

问题是当我按一个元素来重新排序它时,它会自动给它我容器的宽度,忽略填充,并在我的容器周围放置一个阴影 (这在我的情况下非常难看)


我试图做的事情:

我试图将 ReorderableListView 包装在一个容器中,并在这个容器中放置一个填充而不是 ReorderableListView。但是我的容器有阴影,这样做会导致裁剪阴影。


重现步骤 :

0 投票
0 回答
257 浏览

flutter - 通过 Draggable&DragTarget 重新排序时如何保持我的小部件状态?

我正在使用这个reorderables包。这个包的工作原理是有一个子小部件列表,每个小部件都用Draggable包装并放在DragTarget中。在此之前 childs 键被分配给GlobalObjectKey
在创建 dragTarget 之后,它被分配(或重建?)到KeyedSubTree

dragTarget = KeyedSubtree(key: keyIndexGlobalKey, child: dragTarget);

根据包源代码中的注释,这应该在拖动时保留子小部件状态(toWrap):

// 我们将 toWrapWithGlobalKey 传递给 Draggable,这样当列表
项被拖动时,// 可访问性框架可以保留
拖动项的选中状态。
最终 GlobalObjectKey keyIndexGlobalKey = GlobalObjectKey(toWrap.key);

重新排序本身不是发生在 DragTarget 接受 Draggable 拖入其中的情况下,而是通过在每个子项周围使用 DragTarget 来获取 Draggable 悬停在当前位置的索引。当放开 Draggable 时,将调用一个重新排序函数,该函数从列表中删除(被拖动的)小部件并将其插入到新位置。

现在出现了我的问题:小部件的状态没有被保留。我做了一个简单的 TestWidget 来测试这个:

这个小部件有一个带有初始蓝色背景 (boxColor) 的容器和一个按钮。当按下按钮时,它会将 boxColor 更改为红色。开始拖动小部件的那一刻,它被重建并默认为初始状态(至少 Draggable 反馈是)。重新排序后不会更改并且小部件仍处于默认状态。

我的计划是列出不同的自定义小部件,用户可以在其中修改他们的内容,如果他们对订单不满意,他们可以拖动这些小部件并重新排列它们。

我的问题是:如何保留小部件的状态?

我正在考虑为每个带有所有状态相关变量的小部件创建一个类,并使用它来构建我的小部件,但这似乎非常臃肿,而且并不真正考虑到颤动。那不应该是StatefulWidget的状态的作用吗?

编辑:
所以我解决了我的问题,方法是使用ChangeNotifier为我的小部件状态创建一个额外的类,然后将我想要跟踪的所有变量移动到这个类中。所以我现在基本上有两个列表,一个用于可重新排序列表中的小部件,另一个用于它们的状态。我仍然认为这有点磨损。如果我的列表中的一个小部件有自己的其他子级,我需要为每个需要它的子级创建单独的状态类并将它们保存在某个地方。这会变得非常混乱,非常快。

0 投票
1 回答
1392 浏览

listview - 如果您已经有列表视图构建器,如何添加可重新排序的列表视图

我想在 Flutter 中使列表可重新排序,但我已经有了 Future Builder 和 List View。 ReorderableListView应该是其他 ListView的父级还是子级?如何初始化相同的密钥

我尝试添加 ReorderableListView 但由于 children: [] 是不可能的我不知道在哪里为“ i ”放置一个 for 循环