Flutter 即使在相应的小部件被删除后,flatterasync方法仍保持运行

Flutter 即使在相应的小部件被删除后,flatterasync方法仍保持运行,flutter,dart,async-await,flutter-futurebuilder,Flutter,Dart,Async Await,Flutter Futurebuilder,我有一个图像路径列表,我正在使用list.generate方法显示图像,并使用交叉图标从列表中删除图像。上载方法在每个图像上都被调用,当我从列表中删除图像时,该方法仍然保持运行,直到图像被上载。我期望的行为是,当我从列表中删除图像时,该方法也应该停止运行。我正在使用future builder在上传图像时显示圆形进度条和错误图标 当我从列表中删除小部件时,应该如何确保与当前小部件关联的未来方法也停止 这是我创建列表的代码 List.generate(

我有一个图像路径列表,我正在使用
list.generate
方法显示图像,并使用交叉图标从列表中删除图像。上载方法在每个图像上都被调用,当我从列表中删除图像时,该方法仍然保持运行,直到图像被上载。我期望的行为是,当我从列表中删除图像时,该方法也应该停止运行。我正在使用future builder在上传图像时显示圆形进度条和错误图标

当我从列表中删除小部件时,应该如何确保与当前小部件关联的未来方法也停止

这是我创建列表的代码

           List.generate(
            files.length,
            (index) {
              var image = files[index];             
              return Container(
                height: itemSize,
                width: itemSize,
                child: Stack(
                  children: <Widget>[
                    Container(
                       getImagePreview(image, itemSize)                          
                    ),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: [
                        uploadHandler(image, field),
                          InkWell(
                            onTap: () => removeFileAtIndex(index, field),
                            child: Container(
                              margin: EdgeInsets.all(3),
                              decoration: BoxDecoration(
                                color: Colors.grey.withOpacity(.7),
                                shape: BoxShape.circle,
                              ),
                              alignment: Alignment.center,
                              height: 22,
                              width: 22,
                              child: Icon(Icons.close, size: 18, color: Colors.white),
                            ),
                          ),
                      ],
                    ),
                  ],
                ),
              );
            },
          )


小部件的生命周期没有附加到小部件调用的异步函数


您可以检查变量以检查小部件是否仍然从异步函数装入。

小部件的生命周期未附加到小部件调用的异步函数

您可以检查变量以检查小部件是否仍然从异步函数装入

Widget uploadHandler(file, field) {
    return FutureBuilder(
      future: upload(file),
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.done) {
          if (snapshot.data.statusCode == 201) {            
            return doneUpload();
          } else {
            logger.d(snapshot.error);
            return error();
          }
        } else {
          return uploading();
        }
      },
    );
  }