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内容请搜索靠谱客的其他文章。