flutter - 删除列内不需要的空间，同时将图像放在最后？

Question

我是颤振开发的新手，我在将图像放置在图像中显示的列的角落时感到震惊

需要删除我用箭头标记的间距怎么做？现在让我发布到目前为止我尝试过的内容：

Card(
                  margin: EdgeInsets.all(10),
                  clipBehavior: Clip.antiAlias,
                  shape: RoundedRectangleBorder(
                    side: BorderSide(color: Colors.white, width: 1),
                    borderRadius: BorderRadius.circular(20),
                  ),
                  color: Colors.white,
                  child: Container(
                    width: MediaQuery.of(context).size.width / 2.3,
                    height: 200,
                    // color: Colors.pink,
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.end,
                      mainAxisSize: MainAxisSize.min,
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: <Widget>[
                        Container(
                          color: Colors.red,
                          child: Image.asset('assets/intersection_png.png',
                          fit: BoxFit.cover,),
                        )
                      ],
                    ),
                  ),
                )

提前致谢！！

Answer 1

您发布的图像周围有填充。因此，Flutter 使用填充显示它。要解决此问题，您可以在 GIMP 等图像编辑器中打开它并缩小图像大小。

这是相同的图像，但删除了填充。试试这个：

这有一个缺点，因为它看起来像图像有填充，所以它可以显示海拔。您可以从图像中完全删除高程并将其添加到 Flutter 中，也可以保留原始图像并使用 Stack 之类的东西与 Positioned 小部件组合来定位它（但这本身就是一个完全不同的问题）。

据我所知，由于您的实际形象，其他答案都不会真正满足您的需求，但也许我错了。

编辑：我也刚刚意识到我在更改图像时犯了一个小错误——我删除了左侧和底部的填充。您可以在图像编辑器中自己修复原始图像，并仅删除顶部和右侧的填充。

Answer 2

包装你的Container小部件Expanded并BoxFit.fill像这样使用：

 Expanded(
                  child: Container(
                    color: Colors.red,
                    child: Image.asset('assets/intersection_png.png',
                          fit: BoxFit.fill,
                    )
                  ),
                )

例子：

Answer 3

您应该将 BorderSide 颜色设置为transparent

并将宽度设置为0

side: BorderSide(color: Colors.transparent, width: 0),