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();
}
},
);
}