如何摆脱 onDismissible 处理程序错误？

Question

我正在尝试使用 Dismissible() 从交易列表和应用程序屏幕中删除其中一项交易。但我得到了错误

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

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

我检查了similar question，有人建议将key: Key() 从索引更改为UniqueKey()，因为我的交易有一个 id，但我仍然收到上述错误。

这是我想要做的：

class TransactionList extends StatefulWidget {
  final List<Transaction> transactions;
  final Function deleteTx;

  TransactionList(this.transactions, this.deleteTx);

  @override
  _TransactionListState createState() => _TransactionListState();
}

class _TransactionListState extends State<TransactionList> {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 350,
      child: widget.transactions.isEmpty
          ? Column(...
            )
          : ListView.builder(
              itemBuilder: (ctx, index) {
                return Dismissible(
                  key: Key(widget.transactions[index].getId()),
                  onDismissed: (direction) {
                    setState(() {
                      widget.deleteTx;
                    });
                    Scaffold.of(context).showSnackBar(
                      SnackBar(
                          content: Text("${widget.transactions[index].getTitle()} dismissed")),
                    );
                  },
                  background: Container(
                    color: Colors.red,
                  ),
                  child: Card(
                    elevation: 5,
                    margin: EdgeInsets.symmetric(
                      vertical: 8,
                      horizontal: 5,
                    ),
                    child: ListTile(

    //Formatting the amount entered of the transaction 

                      leading: CircleAvatar(
                        ... ,
                          ),
                        ),
                      ),

    //formatting the name/title of the transaction

                      title: Text(
                        ... ,
                      ),

//formatting the date of the transaction
    
                      subtitle: Text(
                        ... ,
                      ),

// adding a delete icon in the transaction card

                      trailing: IconButton(
                        icon: Icon(Icons.delete),
                        color: Theme.of(context).errorColor,
                        onPressed: () =>
                            widget.deleteTx(widget.transactions[index].getId()),
                      ),
                    ),
                  ),
                );
              },
              itemCount: widget.transactions.length,
            ),
    );
  }
}

deletetx 只是我的 main.dart 文件中的一个函数，它正在删除事务并更改状态。

void _deleteTransaction(String id) {
    setState(() {
      _userTrx.removeWhere((element) {
        return element.getId() == id;
      });
    });
  }

Answer 1

我把上面代码sn-p中的onDismissed()改成了：

onDismissed: (direction) => widget.deleteTx( widget.transactions[index].getId() ),

它对我有用。