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

Question

我想创建一个图像小部件，将其大小调整为其父对象的高度，但随后会根据所显示图像的纵横比来溢出父对象的宽度。我试着FittedBox和的组合LayoutBuilder和SizedOverflowBox，但没有运气。到目前为止，我只能将图像的宽度和高度调整到与父级相同的大小。

是否有组合的小部件会给我这种行为？

Answer 1

我结束了使用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)) 
),

如果为doubleWidth提供double.INFINITY而不为maxHeight提供值，则OverflowBox会将图像调整为容器的高度，并根据给定的高度显示完整图像所需的宽度。

Answer 2

试试看：

new Container(
  decoration: new BoxDecoration(
    image: new DecorationImage(
      image: new AssetImage(
        'assets/images/custom_birthday_card.jpg',
      ),
      fit: BoxFit.cover,
    ),
  ),
);

如果您在此之后仍然遇到问题，请在以下Github上查看我的卡片示例：https : //github.com/sabdar18/Flutter-Birthday-Card/blob/master/lib/main.dart