首页 > 解决方案 > 如何在颤动中处理不同尺寸的图像?

问题描述

有不同尺寸的不同图像,我如何通过渲染具有相同高度和宽度的图像来处理这些不同的尺寸。

我试过这段代码

return Row(
      children: [
        SizedBox(
          height: 80,
          width: 80,
          child: Image(
            image: AssetImage(carImage),
            fit: BoxFit.contain,
          ),
        ),
        SizedBox(
          width: 10,
        )
      ],
    );

由于图像的大小不同,它们就像一个小而另一个大。图像的尺寸是

这里使用了三张图片

788x580
1032x568
789x705

但我需要所有图像的大小相同,即高度和宽度。我使用的图像PNG更有可能是一个图标

标签: flutteraspect-ratioflutter-image

解决方案


据我了解,您想盖住容器盒。去关注; 注意:我猜 BoxFit.cover 更适合您的情况

Image(
            image: AssetImage(carImage),
            fit: BoxFit.fill, // contain

覆盖;

Image(
            image: AssetImage(carImage),
            fit: BoxFit.cover, // contain

推荐阅读