图片取父元素的高度，并与父元素相匹配。

Question

所以今天我做了很好的推进学习，使一个应用程序与翩翩，我做了一个ListView，但图像没有采取完整的高度和与父元素，我试过一些解决方案，但它没有工作。

这是类

class FlowersItem extends StatelessWidget {

  final String imgAssetPath;

  FlowersItem({this.imgAssetPath});

  @override
  Widget build(BuildContext context) {
    return Container(
     width: 200,
      alignment: Alignment.center,
      padding: EdgeInsets.symmetric(horizontal: 30),
      margin: EdgeInsets.only(right: 16),
      decoration: BoxDecoration(
        color: Color(0xff29404E),
        borderRadius: BorderRadius.circular(12)
      ),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
        Column(children: <Widget>[
            ClipRect(
                child: FittedBox(
  child:    Image.asset(imgAssetPath),
  fit: BoxFit.fill,

),
       )
        ],)


        ],
      ),
    );
  }
}

List<FlowersItem> flowers = [
 FlowersItem(
  imgAssetPath: 'assets/images/flower1.jpeg',

  ),
FlowersItem(
   imgAssetPath: 'assets/images/flower-pot.png',

  ),
FlowersItem(
     imgAssetPath: 'assets/images/flower-pot.png',
  ),
  FlowersItem(
      imgAssetPath: 'assets/images/flower-pot.png',
  ),
FlowersItem(
     imgAssetPath: 'assets/images/flower-pot.png',

  ),
];

Answer 1

你有没有试过 BoxFit.cover? 我想这就是你要找的东西.当我想用图像填写整个方框时，它一般对我有效。

Answer 2

你有没有试过 Expanded 类？

那就。Expanded 类是一个widget，扩大行，列，或Flex的一个孩子，使孩子填补了可用的空间。

你可以找到的文件 此处.