美文网首页
Widget-Image

Widget-Image

作者: 冰吻心玉 | 来源:发表于2019-05-24 17:11 被阅读0次

Image 

     Image.asset:加载资源图片

     Image.network:网络资源图片

     Image.file:加载本地图片

     Image.memory: 加载Uint8List资源图片

fit

      控制图片的拉伸和挤压,这些都是根据图片的父级容器来的

       BoxFit.fill:全图显示,图片会被拉伸,并充满父容器。

       BoxFit.contain:全图显示,显示原比例,可能会有空隙。

       BoxFit.cover:显示可能拉伸,可能裁切,充满(图片要充满整个容器,还不变形)。

       BoxFit.fitWidth:宽度充满(横向充满),显示可能拉伸,可能裁切。

      BoxFit.fitHeight :高度充满(竖向充满),显示可能拉伸,可能裁切。

       BoxFit.scaleDown:效果和contain差不多,但是此属性不允许显示超过源图片大小可    小不可大。

colorBlendMode    图片的混合模式

      color:是要混合的颜色,如果你只设置color没有作用。

      colorBlendMode:是混合模式,相当于我们如何混合。

repeat

    ImageRepeat.repeat : 横向和纵向都进行重复,直到铺满整个画布。

    ImageRepeat.repeatX: 横向重复,纵向不重复。

   ImageRepeat.repeatY:纵向重复,横向不重复。

相关文章

  • Widget-Image

    Image Image.asset:加载资源图片 Image.network:网络资源图片 Image.fi...

  • Flutter常用组件Widget-Image

    显示图片的组件 以下是几种加载图片路径方式: Image.asset 加载asset项目资源中的文件 Image....

网友评论

      本文标题:Widget-Image

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