使用 Flutter/Dart 关闭 Dismissible

Question

在 Flutter 提供的大多数 Dismissible 示例中，它们正在关闭 ListView 中的项目。例如，this。

我目前正在做的是：

Widget build(BuildContext context) {
  return new Scaffold(
    key: _scaffoldKey,
    appBar: new AppBar(
      title: new Text(widget.title),
    ),
    body: new Center(
      child: new ListView(
        children: <Widget>[
          new Dismissible(
            key: personKey,
            child: new Text('Dismiss Me'),
            onDismissed: (DismissDirection direction) {}
          )
        ],
      ) // end ListView
    ) // end Center
  ); // end return
} // end build()

关闭文本框后，出现错误：

已关闭的 Dismissible 小部件仍然是树的一部分。

确保实现 onDismissed 处理程序，并在该处理程序触发后立即从应用程序中删除 Dismissible 小部件。

挖掘 Dismissible source at ，我看到它检查了 _resizeAnimation 的状态，但我不确定它如何适合 Dismissible 构造函数或 onDismissed 处理程序的宏伟计划。

Answer 1

请试试这个。我提供了 UniqueKey 作为 Dismissible 小部件的键，它工作得很好。

key: UniqueKey(), 

Answer 2

确保您传递给key 参数的值也是唯一的。并且不要使用项目的索引。由于从数组中删除项目后，数组将移动项目的位置，Dismissable 小部件将无法识别项目的删除。

Answer 3

当小部件被解除但未从树中删除时出现错误，因为状态仍包含解除的对象。 onDismissed 的理想实现应该删除项目并设置新状态

所以在你的例子中你会做这样的事情

onDismissed: (DismissDirection direction) { dismissPerson(person); }

然后在dismissPerson 函数中移除此人并设置新状态。

dismissPerson(person) {
    if (_personList.contains(person)) {
    //_personList is list of person shown in ListView
      setState(() {
        _personList.remove(person);
      });
    }
}

如果您引用问题中发布的相同link，它现在包含可解雇的正确实现。为方便起见，从链接中添加相关的sn-p代码

final Widget card = new Dismissible(
      key: new ObjectKey(cardModel),
      direction: _dismissDirection,
      onDismissed: (DismissDirection direction) { dismissCard(cardModel); },

      ....

    );


void dismissCard(CardModel card) {
    if (_cardModels.contains(card)) {
      setState(() {
        _cardModels.remove(card);
      });
    }
}

Answer 4

最简单的方法 1-> 使用

为列表中的每个项目设置唯一 ID

var uuid = new Uuid();

  new MyItem(title: "Sanjay Singh Bisht",color:"#123ab",uniqueId:uuid.v1()));

如上所述，Dismissible 小部件需要唯一 ID

2-> 现在删除项目很简单

if (items.contains(deletedItem)) {
    setState(() {
      items.remove(deletedItem);
    });
  }

3-撤消删除项目只需更新该项目ID，以便Dismissible小部件始终具有唯一ID

setState(() {
deletedItem.uniqueId=uuid.v1();
});

Answer 5

错误信息很清楚。

确保实现 onDismissed 处理程序，并在触发处理程序后立即从应用程序中删除 Dismissible 小部件。

一个空函数是不够的。一旦一个项目被解除，该小部件必须从小部件树中删除。这意味着您必须从您的 ListView 中删除 Dismissible。