颤振圆形图像不适合圆形容器

Question

我在圆形容器内使用圆形图像，但容器中似乎总是留有一些空间。

我尝试过使用ClipOval、CircleAvatar 来剪辑图像，并尝试过BoxFit.cover 和BoxFit.fill。我还调整了容器的宽度和高度，但我仍然注意到间隙，特别是在某些长宽比中。如何确保图像完美贴合圆形容器而不留任何空间？

而且，当我直接使用具有相同宽度和高度的容器的 Image.asset 时，图像仍然看起来比容器小。

Column(
        children: [
          Container(
            decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: Colors.red,
                image: DecorationImage(
                    image: AssetImage('assets/10.png'), fit: BoxFit.fill)),
            width: 100,
            height: 100,
          ),
          Container(
            decoration: BoxDecoration(
              shape: BoxShape.circle,
              color: Colors.red,
            ),
            width: 100,
            height: 100,
            child: Image.asset(
              'assets/10.png',
              fit: BoxFit.cover,
            ),  
          ),
        ],
      ),

在此输入图片描述

10.png

谢谢你

Answer 1

只需用 ClipRRect() 小部件包装它，然后提供半径和需要的参数。 您的问题将得到解决。