SizedBox 中的 Flutter 图像被父 Container 覆盖

Question

我试图将图像放在盒子(带边框的容器)的中央。图像大小是通过用一个大小合适的盒子围绕它来设置的，边框或盒子是通过用一个带有盒子装饰的容器围绕它来创建的，如下所示:

            InkWell(
              child: Container(
                  decoration: BoxDecoration(border: Border.all()),
                  height: 50,
                  width: 70,
                  child: SizedBox(
                      height: 10,
                      width: 10,
                      child: Image.asset('assets/store_physical.png',
                          fit: BoxFit.cover)),
              ),
            ),

问题是图像 Assets 忽略了大小框的尺寸并从周围的容器中获取尺寸使图像太大。

我不确定为什么会发生这种情况，除非它从小部件树的顶部获取它的大小，这似乎没有意义。

Answer 1

我也遇到了同样的问题。您可以尝试将 Image.asset 添加到另一个容器中，然后相应地更改该容器的大小。

InkWell(
  child: Container(
      decoration: BoxDecoration(border: Border.all()),
      height: 50,
      width: 70,
      child: SizedBox(
          height: 10,
          width: 10,
          child: Container(
                   height: 40.0,
                   width: 40.0,
                   child: Image.asset(
                      'assets/store_physical.png',
                      fit: BoxFit.cover
                    )
              )
      ),
  ),
)