gpt4 book ai didi

图片溢出 Flutter

转载 作者:行者123 更新时间:2023-12-04 07:56:32 26 4
gpt4 key购买 nike

我在这张图片上有溢出:

Container(
width: MediaQuery.of(context).size.width,
child: Image.network(imageSomwhereFomTheInternet),
),
如何显示来自互联网的通用图像以防止其改变其比例? (我的意思是,如果我修复了一个高度或宽度,图像可能会被这个决定“损坏”,我想使用一个适合这个图像的自动小部件 Box ,或类似的东西)。
我对“如何处理图像”知之甚少,如果您能建议我一些易于理解的内容,我可以在其中阅读更多内容,我会很高兴。

最佳答案

您可以使用 fit图像属性

Container(
child: Image.network(
"https://images.unsplash.com/photo-1547721064-da6cfb341d50",
fit: BoxFit.cover,
),
)
您可以从以下选项中选择最适合您的:
BoxFit.contain - 尽可能大但包含在容器内
BoxFit.cover - 尽可能小但覆盖整个容器
BoxFit.fill - 填充整个容器,但可能会扭曲图像纵横比

关于图片溢出 Flutter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66678695/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com