Flutter ReorderableListView 中的 onReorder() 参数

Question

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

return ReorderableListView(
    onReorder: (int index, int targetPosition) {
        print(index.toString() + " -> " + targetPosition.toString());
    }
...

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

我已经构建了一个包含三个项目的 List 示例。当我拖动项目时，我得到以下（让我感到困惑）结果：

Position 1 -> Position 2 results in 0 -> 2
Position 1 -> Position 3 results in 0 -> 3
Position 3 -> Position 1 results in 2 -> 1

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

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

Answer 1

根据有关ReorderCallback 的文档，oldIndex 和newIndex 被传递给回调。 甚至还给出了一个关于如何使用回调在List 中实际订购商品的示例：

final List<MyDataObject> backingList = <MyDataObject>[/* ... */];

void handleReorder(int oldIndex, int newIndex) {
  if (oldIndex < newIndex) {
    // removing the item at oldIndex will shorten the list by 1.
    newIndex -= 1;
  }
  final MyDataObject element = backingList.removeAt(oldIndex);
  backingList.insert(newIndex, element);
}

Answer 2

是新旧索引，但都有问题。如您所见here，有一些未解决的问题。

这是一个展示如何使用它们的示例：

onReorder: (oldIndex, newIndex) {
  setState(() {
    // These two lines are workarounds for ReorderableListView problems
    if (newIndex > _sampleItems.length) newIndex = _sampleItems.length;
    if (oldIndex < newIndex) newIndex--;

    MyItem item = _sampleItems[oldIndex];
    _sampleItems.remove(item);
    _sampleItems.insert(newIndex, item);
  });
},

你可以看到一个演示here in this snippet。

根据我的经验（2019/1 月），我放弃了 Flutter 的 ReorderableListView 并开始使用knopp/flutter_reorderable_list。我什至做了一个Widget to make that switch easier，看看它对你是否有意义。

Answer 3

onReorder 函数在大多数教程中都写错了。我认为我刚刚写的这个是有效的。

void _onReorder(int oldIndex, int newIndex) {
    setState(() {
      newIndex > oldIndex ? (){newIndex--; int row = V755.removeAt(oldIndex);
      V755.insert(newIndex, row);}() : (){int row = V755.removeAt(oldIndex);V755.insert(newIndex, row);}();
    });
}