图像在BoxDecoration内部有一个白色空间

Question

我在我的DecorationBox里面制作了一个Container()，我已经添加了所有内容并且图像很好但是有一个问题，即使经过大量的试验，装饰盒内总会有一些空白区域。

这是我的代码：

Container(
   height: 66.0,
   width: 66.0,
   padding: EdgeInsets.all(0.0),
   decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(5.0)),
      border: Border.all(color: Theme.of(context).primaryColor),
      image: DecorationImage(
         fit: BoxFit.cover,
         image: AssetImage("MY_URL")
      )
   )
)

即将到来的结果是：

我试过在我的Container()中通过此代码删除填充：

Container(
   padding: EdgeInsets.all(0.0)
)

我已经按照这个链接为我的问题解决方案，Image is not taking up space in AlertBox，因为它是AlerBox的情况因此我可以使用名为contentPadding的元素，这是不可用的。请帮助我同样如何实现我的解决方案。谢谢

这是我的形象，你可以使用它，让我知道它是否适合你。

Answer 1

问题可能是您正在使用的图像。我不确定这只是上传的一个怪癖，但你链接的图像有一个空白的边框，有一个轻微的阴影。尝试裁剪图像，看看它是否有帮助

Answer 2

您可以使用ClipOval小部件并直接将孩子作为Image.asset。你也可以取消Container和BoxDecoration。这是更新和工作的代码：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
            child:
              ClipOval(
                child: Image.asset('assets/jnvVQ.png', height: 90.0,width: 90.0,),
              ),
            )
        );
  }

我直接将height和width传递给了Image，而没有带有这些规格的Container。我看到图像被正确包裹：

您可以根据需要编辑高度和宽度。