flutter 网络图片封装

╰半夏微凉° 2024-02-23 08:12 65阅读 0赞

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

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),
              );
            },
          ),
        );
      }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读

相关计算机网络封装

概述 ![在这里插入图片描述][20190906150650477.png] 上面这个图显示了一个计算机网络，有一个源主机，一个目的地主机，一个链路层交换机和一个路...

拼搏现实的明天。/ 2024年04月18日 12:13/ 0 赞/ 76 阅读

相关 flutter 网络图片封装

可自定义加载时占位图片和加载失败时展示的图片 class ImageBuildView extends StatelessWidget {

╰半夏微凉°/ 2024年02月23日 08:12/ 0 赞/ 66 阅读

相关 flutter dio 请求封装（空安全）

一、添加依赖 dio: ^5.3.2 二、请求封装 class HttpHelper { static Dio? m

小鱼儿/ 2024年02月23日 08:12/ 0 赞/ 54 阅读

相关 Flutter dio 库封装并实现网络请求及 Json 数据解析示例

文章目录 dio 基本使用封装使用 JSON 数据解析

墨蓝/ 2023年07月24日 08:13/ 0 赞/ 38 阅读

相关 flutter 设置背景图片

设置背景图片做移动开始的朋友都知道项目中很多时候要用到用图片做背景，当然flutter也可以设置背景图片。具体代码如下： class Backgr

不念不忘少年蓝@/ 2022年12月22日 08:44/ 0 赞/ 230 阅读

相关 flutter图片选择

包来自：[https://pub.dev/packages/image\_picker][https_pub.dev_packages_image_picker] git来

末蓝、/ 2022年09月10日 02:18/ 0 赞/ 182 阅读

相关 flutter网络请求json

import 'dart:async'; import 'dart:convert'; import 'package:http/http.dart'

男娘i/ 2022年05月22日 05:57/ 0 赞/ 211 阅读

相关 Flutter高效开发之封装Text

Text在Flutter中是一个常用的控件，当每次编写一个文本时，我们需要写一大堆的样式，造成代码行数的增加，这里我简单的封装了一下Text。 1 定义一个class文件，里

雨点打透心脏的1/2处/ 2021年09月02日 06:11/ 0 赞/ 448 阅读

相关 flutter 背景图片毛玻璃效果

1、引入图片滤镜文件 import 'dart:ui'; 2、在Stack组件中堆叠，产生图标毛玻璃效果若不使用图片毛玻璃

╰+攻爆jí腚メ/ 2021年07月24日 11:44/ 0 赞/ 658 阅读

相关 Flutter 图片圆角功能

代码如下： return Center( child: Container( width: 250,

逃离我推掉我的手/ 2021年06月11日 15:14/ 0 赞/ 553 阅读