flutter 网络图片封装

可自定义加载时占位图片和加载失败时展示的图片

dart 复制代码
class ImageBuildView extends StatelessWidget {
  String? url;
  double radius;
  double? width;
  double? height;
  String placeholder;

  ImageBuildView(
      {super.key,
      this.url,
      this.width,
      this.height,
      this.radius = 50,
      this.placeholder = "assets/images/loading.png"});

  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.circular(radius),
      child: FadeInImage.assetNetwork(
        placeholder: placeholder,
        image: url != null && url!.isNotEmpty ? "${Api.BASE_URL}/$url" : '',
        fit: BoxFit.cover,
        width: width ?? 60.w,
        height: height ?? 60.w,
        imageErrorBuilder: (context, error, stackTrace) {
          return Center(
            child: Image.asset("assets/images/image_error.png",
                width: (width ?? 60.w) - 20.w, height: (height ?? 60.w) - 20.w),
          );
        },
      ),
    );
  }
}
相关推荐
愚者Pro2 小时前
Flutter Widget组件学习(专为 Uniapp 转 Flutter 定制)
vue.js·学习·flutter·uni-app
Flynt5 小时前
升级Flutter 3.44,我踩了HCPP和AGP 9的坑
android·flutter·dart
程序员老刘6 小时前
Flutter 3.44 更新要点:很重要但暂时先别升级
flutter·ai编程·客户端
程序员老刘·9 小时前
Flutter版本选择指南:3.44惊艳发布但需观望 | 2026年5月
flutter·ai编程·跨平台开发·客户端开发
●VON9 小时前
鸿蒙Flutter实战:Emoji心情选择器组件
flutter·华为·harmonyos
●VON10 小时前
鸿蒙Flutter实战:列表延时错峰入场动画
flutter·华为·harmonyos
测试开发-学习笔记12 小时前
从0开始搭建自动化(二)-flutter
运维·flutter·自动化
●VON12 小时前
鸿蒙Flutter实战:零依赖手写日历热力图
flutter·华为·harmonyos
雪铃儿12 小时前
改一张图等三天审核:flutter_patcher 0.1.3 给资源热更也开了口子
android·flutter
●VON13 小时前
鸿蒙Flutter实战:从零手写滑动操作组件替代Dismissible
flutter·华为·harmonyos