图像在BoxDecoration内部抖动时出现空白

Question

我正在DecorationBox内制作一个Container()，我已经添加了所有内容，并且图像显示正常，但是存在一个问题，即使经过大量试验，还是存在一些空白总是在DecorationBox里面。

这是我的代码：

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)
)

由于AlerBox是我的问题解决方法，因此我一直关注此链接，因为contentPadding是这种情况，因此我可以使用名为<tr> <th>dato</th> <th>Båtnr</th> <th>Fornavn</th> <th>Etternavn</th> <th>Tid</th> <th>Kr</th> </tr> 的元素，该元素不可用。请以相同的方式帮助我实现解决方案。谢谢

这是我的图片，您可以使用它，让我知道它是否适合您。

Image is not taking up space in AlertBox

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。我看到图像正确包装了：

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