将图像小部件调整为父级高度但溢出宽度

2024-05-07

我想创建一个图像小部件,其大小适合其父级的高度,但随后根据显示图像的纵横比溢出父级的宽度。我试过了FittedBox和组合LayoutBuilder and SizedOverflowBox,但没有运气。到目前为止,我只能将图像的宽度和高度调整为父级的大小。

是否有小部件的组合可以给我这种行为?


我最终找到了一种非常直接的方法来使用 OverflowBox 小部件来执行此操作:

new Container(
  child: new OverflowBox(
    minWidth: 0.0, 
    minHeight: 0.0, 
    maxWidth: double.infinity, 
    child: new Image(
      image: new AssetImage('assets/images/bubbles.jpg'), 
      fit: BoxFit.cover)) 
),

当为 maxWidth 提供 double.INFINITY 且没有为 maxHeight 提供值时,OverflowBox 将图像大小调整为容器的高度以及基于给定高度显示完整图像所需的宽度。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将图像小部件调整为父级高度但溢出宽度 的相关文章

随机推荐