繁体   English   中英

`一个被解雇的 Dismissible 小部件仍然是树的一部分`错误突然发生(FutureBuilder,ListView)

[英]`A dismissed Dismissible widget is still part of the tree` error occurred suddenly (FutureBuilder, ListView)

在此处输入图像描述

A dismissed Dismissible widget is still part of the tree.

Make sure to implement the onDismissed handler and to immediately remove the Dismissible widget from the application once that handler has fired.

我已经知道在 stackoverflow 中有很多关于这个问题的问题,并且也几乎阅读了其中的一些问题。 但我不知道为什么会发生这种情况,因为我没有 setState 问题,而且可关闭的键也是正确的。 你能找到我错过的问题吗? 有人说Dismissible不应该在ListView小部件中,但直到昨天它甚至在ListView中都运行良好。 我试过key: UniqueKey()但它没有用。 如果您知道任何解决方案,请告诉我。 提前致谢。

Widget vocaBuilder() {
    return FutureBuilder(
        future: loadTodayVoca(),
        builder: (context, snap) {
          if (snap.data.length == 0 || snap.data.isEmpty) {
            return Container();
          } else {
            return ListView.builder(
                shrinkWrap: true,
                physics: const NeverScrollableScrollPhysics(),
                itemCount: snap.data.length,
                scrollDirection: Axis.vertical,
                itemBuilder: (context, index) {
                  Voca voca = snap.data[index];

                return GestureDetector(
                      onTap: () {
                        editPage(voca.id);
                      },
                      child: Dismissible(
                          direction: DismissDirection.endToStart,
                          background: Container(
                              color: Colors.red,
                              padding: EdgeInsets.only(top: 23, right: 30)),    
                          key: Key(snap.data[index].toString()),
                         ...
                      onDismissed: (direction) {
                            setState((){
                            deleteVoca(voca.id);
                            snap.data.removeAt(index);
                          }); }));

 Future<void> deleteVoca(String id) async {
    DBHelper sd = DBHelper();
    await sd.deleteVoca(id);
  }

 Future<List<Voca>> loadTodayVoca() async {
    DBHelper sd = DBHelper();

    var list = await sd.vocas();
    return list
        .where((list) =>
            list.createTime ==
            DateFormat('yyyy-MM-dd')
                .format(DateTime(now.year, now.month, now.day)))
        .toList();
  }

嗨,我也有同样的问题,我是这样解决的:修改key的值变成唯一值。给你这样: key:Key(snap.data[index].id.toString()),或者如果voca.id是一个字符串,你应该key:Key(snap.data[index].id)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM