美文网首页
Flutter实现圆形图片的两种方法

Flutter实现圆形图片的两种方法

作者: 廖布斯M | 来源:发表于2019-12-17 13:57 被阅读0次

方法一:

Widget buildCircleImage(double size, ImageProvider provider) {

  return SizedBox(

   width: size,

    height: size,

    child: DecoratedBox(

      decoration: BoxDecoration(

          shape: BoxShape.circle,

          image: DecorationImage(image: provider, fit: BoxFit.cover)),

    ),

  );

}

方法二:

Widget buildCircleImage2(double size, ImageProvider provider) {

  return ClipOval(

      child: Image(

     image: provider,

     width: size,

    height: size,

    fit: BoxFit.cover,

  ));

}

具体demo见:https://github.com/liaobushi520/fake_wechat

相关文章

网友评论

      本文标题:Flutter实现圆形图片的两种方法

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