Dart Flutter中图像纵横比的变化

发布于07月21日

我正在使用Ffltter，并try 将图像的纵横比从4:3更改为16:9.我try 使用AspectRatio小部件，也try 使用FittedBox，但图像仍保持4:3

我已经try 使用AspectRatio，将Image上的Fitprops 更改为Cover、Fit和Conclude

Card(elevation: 3.0, child: Column(
children: <Widget>[Container(child:
AspectRatio(aspectRatio: 16.0 / 9.0, child: FittedBox(fit: 
BoxFit.contain,
child: Image(image: AssetImage('images/maggie.jpg')),),)
                                   )],

推荐答案

你需要使用BoxFit.fill才能看到效果，BoxFit.cover显示的效果与图像裁剪后的效果相同.而且你也不需要FittedBox.

Card(
  elevation: 3.0,
  child: Column(
    children: <Widget>[
      Container(
        child: AspectRatio(
          aspectRatio: 16 / 9,
          child: Image(
            image: AssetImage('images/maggie.jpg'),
            fit: BoxFit.fill, // use this
          ),
        ),
      )
    ],
  ),
)