flutter 图片工具类imageUtils

秒速五厘米 2023-07-01 11:56 77阅读 0赞

#### 图片工具类,缓存图片,可以更改图片颜色 ####

class ImgUtils {
      static showNetImg(String url) {
        return CachedNetworkImage(
          imageUrl: url ?? '',
          imageBuilder: (context, imageProvider) => Container(
            decoration: BoxDecoration(
              image: DecorationImage(
                  image: imageProvider,
                  fit: BoxFit.cover,
                  colorFilter:
                      ColorFilter.mode(Colors.transparent, BlendMode.colorBurn)),
            ),
          ),
          placeholder: (context, url) => Center(
            child: Container(
              height: 40,
              width: 40,
              margin: EdgeInsets.all(5),
              child: CircularProgressIndicator(
                strokeWidth: 2.0,
                valueColor: AlwaysStoppedAnimation(Colors.blue),
              ),
            ),
          ),
          errorWidget: (context, url, error) => Container(
            child: Icon(
              Icons.terrain,
              size: 64,
            ),
            alignment: Alignment.center,
            color: Colors.black12,
          ),
        );
      }
    
      static showNetImgWH(String url, double width, double height) {
        return CachedNetworkImage(
          width: width,
          height: height,
          imageUrl: url ?? '',
          imageBuilder: (context, imageProvider) => Container(
            decoration: BoxDecoration(
              image: DecorationImage(
                  image: imageProvider,
                  fit: BoxFit.cover,
                  colorFilter:
                      ColorFilter.mode(Colors.transparent, BlendMode.colorBurn)),
            ),
          ),
          placeholder: (context, url) => Center(
            child: Container(
              height: 40,
              width: 40,
              margin: EdgeInsets.all(5),
              child: CircularProgressIndicator(
                strokeWidth: 2.0,
                valueColor: AlwaysStoppedAnimation(Colors.blue),
              ),
            ),
          ),
          errorWidget: (context, url, error) => Container(
            child: Icon(
              Icons.terrain,
              size: 64,
            ),
            alignment: Alignment.center,
            color: Colors.black12,
          ),
        );
      }
    }

![format_png][]  
更多详解：  
喜欢可以加Q群号:913934649,点赞,评论;

简书： https://www.jianshu.com/u/88db5f15770d

csdn：https://me.csdn.net/beyondforme

掘金：https://juejin.im/user/5e09a9e86fb9a016271294a7

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly91c2VyLWdvbGQtY2RuLnhpdHUuaW8vMjAyMC8xLzIxLzE2ZmM3NjEzZDUyNGE3MDE?x-oss-process=image/format,png