美文网首页
Fultter Image Widget fit 填充方式

Fultter Image Widget fit 填充方式

作者: Enter_Y | 来源:发表于2019-08-19 14:58 被阅读0次
  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 填充方式

      本文链接:https://www.haomeiwen.com/subject/edwssctx.html