【问题标题】:Flutter scale image to fill height without boundary error颤振缩放图像以填充高度而没有边界错误
【发布时间】:2021-03-11 17:46:20
【问题描述】:

我想要一张适合整个屏幕的卡片/容器。在这张卡片中存在一个图像资产。但是,尝试将图像放入 Expanded Widget 只需将其缩放到到达屏幕的边界即可。

有什么方法可以放大它(当然还可以通过它来剪辑/裁剪图像),这样它就可以填满整个屏幕而不会出现这些溢出消息?此外,用户不应该能够滚动溢出的部分。

【问题讨论】:

  • 您可以使用Image 小部件的fit 属性并将其设置为BoxFit.cover
  • 谢谢。我正在尝试Image.asset( imagePath, fit: BoxFit.cover, ), 但是它仍然没有填满所有内容。图片的比例还是我的问题

标签: image flutter containers crop


【解决方案1】:

这段代码应该对你有所帮助,你也可以将图像用作小部件作为容器的孩子;

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

【讨论】:

  • 完美就是我想要的!
猜你喜欢
  • 2010-10-11
  • 1970-01-01
  • 2021-10-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多