我想创建一个图像小部件,其大小与其父对象的高度相当,但根据显示图像的纵横比,它会溢出父对象的宽度.我试过FittedBox
次,也试过LayoutBuilder
和SizedOverflowBox
的组合,但没有成功.到目前为止,我只能将图像的宽度和高度调整到与父对象相同的大小.
有没有小部件的组合可以提供这种行为?
我想创建一个图像小部件,其大小与其父对象的高度相当,但根据显示图像的纵横比,它会溢出父对象的宽度.我试过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提供值时,Overflow Box根据容器的高度和基于给定高度显示完整图像所需的宽度调整图像大小.