Fultter Image Widget fit 填充方式

  Widget buildImage() {
    return Container(
      child: Image.network(
        "https://www.baidu.com/img/bd_logo1.png",
        //图片可能拉伸,可能裁剪,宽度充满
        fit: BoxFit.fitWidth,
      ),
    );
  }
image.png
    图片可能拉伸,可能裁剪,高度充满
     fit: BoxFit.fitHeight
image.png
     全图居中显示可不充满,显示原比例
     fit: BoxFit.contain,
image.png

image.png
图片可能拉伸,也可能裁剪,但是充满容器    
fit: BoxFit.cover
image.png

image.png
 同contain效果, 但是只能缩小图片,不能放大图片
 fit: BoxFit.scaleDown
image.png
全图显示且填充满,图片可能会拉伸
 fit: BoxFit.fill
image.png

你可能感兴趣的:(Fultter Image Widget fit 填充方式)