flutter 图片形状裁剪

flutter 中 不管是三方图片显示插件 还是自带的 Image.asset  Image.netWork 操作图片外层的Container 元素 ,是不能限制图片的显示形状的

官方自带

ClipOval和 ClipRRect 方法

//圆形裁剪
ClipOval(
      
      child: Image.asset(
        'assets/images/demo1.png',
        fit: fit,
        width: 300,
        height: 300,
      ),
 )

/**
 * 源码  圆角矩形裁剪
 *  const ClipRRect({
    Key key,
    this.borderRadius,//圆角半径
    this.clipper,//裁剪路径
    this.clipBehavior = Clip.antiAlias,
    Widget child,
    })
 */



//自定义裁剪

ClipRRect(
      
      child: Image.asset(
        'assets/images/demo1.png',
        fit: fit,
        width: 300,
        height: 300,
      ),
 )



/*自定义裁剪源码 
ClipRRect({
    Key key,
    this.borderRadius = BorderRadius.zero,//圆角角度
    this.clipper,  //裁剪路径
    this.clipBehavior = Clip.antiAlias,//
    Widget child,
*/

看源码 自己做

最后

以上就是危机舞蹈为你收集整理的flutter 图片形状裁剪的全部内容，希望文章能够帮你解决flutter 图片形状裁剪所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。