图像溢出 flutter

Question

这张图片有溢出:

Container(
  width: MediaQuery.of(context).size.width,
  child: Image.network(imageSomwhereFomTheInternet),
  ),

如何显示来自互联网的通用图像以防止其改变比例？ (我的意思是，如果我修复高度或宽度，则图像可能会因该决定而“损坏”，我想使用一个自动小部件来将该图像放入某个 Box 中，或者类似的东西)。

我对“如何处理图像”了解不多，如果您能建议我一些易于理解的内容，我可以在其中阅读更多内容，我会非常高兴。

Answer 1

您可以使用图像的fit属性

Container(
  child: Image.network(
    "https://images.unsplash.com/photo-1547721064-da6cfb341d50",
    fit: BoxFit.cover,
  ),
)

您可以从以下选项中选择最适合您的:

BoxFit.contain- 尽可能大但包含在容器内

BoxFit.cover - 尽可能小但覆盖整个容器

BoxFit.fill - 填充整个容器，但可能会扭曲图像纵横比