我想创建一个图像小部件,它的大小与其父级的高度相同,但随后会根据显示图像的纵横比溢出父级的宽度。我试过 FittedBox
以及 LayoutBuilder
和 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 会将图像的大小调整为容器的高度以及根据给定高度显示完整图像所需的宽度。
https://stackoverflow.com/questions/49583031/