从 List移动元素后 UI 未正确更新；

Question

我有一个 List; mySet，它是小部件 Entry 的列表。

在父小部件中，我使用 ListView.builder 来生成这些小部件。

这个父小部件有两个附加方法

addEntry() {
  setState(() {
    mySet.add(Entry(index: mySet.length));
  });
}

removeEntry(_EntryState entry) {
  int index = entry.widget.index;
  setState(() {
    mySet.removeWhere((item) => item.index == index);
  });
}

在每个条目中调用这些方法的按钮如下所示

IconButton(
  iconSize: 25,
  icon: Icon(Icons.add),
  onPressed: index == mySet.last.index
      ? () {
          setState(() {
            pKey.currentState!.addEntry();
          });
        }
      : null),
IconButton(
  iconSize: 25,
  icon: Icon(Icons.remove),
  onPressed: isLast(() {
    setState(() {
      pKey.currentState!.removeEntry(this);
    });
  })),

并且此函数

isLast(Function fn) => index == mySet.last.index ? fn : null;

加法和减法函数的条件是相同的，这只是我测试并尝试调试问题。

问题：

当我单击添加行小部件时，前一行的添加/删除按钮被禁用，正如它们应该的那样。

但是，当我单击最后一行上的“删除”时，前一行的按钮不会重新启用。

，如果我对代码（任何内容）进行小更改以触发热重载，则最后一行的按钮将启用。

这是我的 Listview.builder 代码，位于同一个父小部件中。

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
        itemBuilder: (BuildContext context, int index) {
          return mySet[index];
        },
        itemCount: mySet.length);
  }

Answer 1

有问题的用户 Flutter：当删除项目时，ListView 内的小部件值不会更新 也有类似的问题。

在您的情况下，您可以通过使用 ValueKey(property) 来解决此问题，其中 property 是您确定不同的 Entry 对象的属性对于每个条目。

确保没有两个条目可以同时具有相同的 property 值，否则 flutter 会抛出错误，因为您将拥有两个相同的 ValueKeys。

Answer 2

我通过使用一个跟踪 Entry 实例的数组和一个跟踪相应状态的数组解决了部分问题。

然后我可以为最后一项调用 setState() ，这是我帖子中遇到麻烦的根源。

removeEntry(_Entry entry) {
  theSetStates.removeWhere((v) => v == entry);
  theSet.removeWhere((v) => v == entry.widget);
  setState(() {});
  theSetStates.last.setState(() {});
}

如果有更简单的方法来获取小部件实例的列表。请告诉我。谷歌没有发现任何东西。