映射列表图像到容器查看它们显示相同的图片在所有的容器

Question

我正在使用图像包来裁剪具有3个不同坐标的图像，但结果显示被裁剪的图像是相同的

finalCroppedImage.isNotEmpty
? finalCroppedImage.map((Image) { //Instance of image from Image package
print(Image.height); //here i have different values for the images
print(Image.width);
File imageFinal = File(mainImage!.path);
File(mainImage!.path).writeAsBytesSync(encodePng(Image)); // I'm trying to decode it to display in the container
return Container(
height: 300,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.fitWidth,
image: FileImage(File(mainImage!.path)))),
);
}).toList()
: [Text('Empty')],

Answer 1

您使用相同的名称为所有的图像，更改您的代码为:

finalCroppedImage.isNotEmpty
? finalCroppedImage.map((image) { //Instance of image from Image package
print(image.height); //here i have different values for the images
print(image.width);
File imageFinal = File(image!.path);
File(imageFinal!.path).writeAsBytesSync(encodePng(image)); // I'm trying to decode it to display in the container
return Container(
height: 300,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.fitWidth,
image: FileImage(File(imageFinal!.path)))),
);
}).toList()
: [Text('Empty')],