颤动缩放图像以填充高度而没有边界错误

Question

我想要一个适合整个屏幕的 card/container。这张卡片中有一个图像资产。但是，尝试将图像放入扩展小部件中时，只需将其缩放到屏幕边界即可。

有什么方法可以放大它（当然 clip/crop 图像）以便它填满整个屏幕而不显示这些溢出消息？此外，用户不应在溢出部分滚动。

Answer 1

这段代码应该对您有所帮助，您也可以将图像用作容器的子组件；

              Container(
                height: MediaQuery.of(context).size.height,
                width: MediaQuery.of(context).size.width,
                decoration: BoxDecoration(
                  image: DecorationImage(
                    fit: BoxFit.cover,
                    image: AssetImage(filepath),
                  ),
                ),
              );