flutter 网络图片封装

╰半夏微凉° 2024-02-23 08:12 46阅读 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 条评论，46人围观）

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

相关阅读

相关 flutter 网络图片封装

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

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

相关 flutter 图片工具类imageUtils

图片工具类,缓存图片,可以更改图片颜色 class ImgUtils { static showNetImg(String url) {

秒速五厘米/ 2023年07月01日 11:56/ 0 赞/ 4 阅读

相关 flutter 设置背景图片

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

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

相关 flutter图片选择

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

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

相关 flutter网络请求json

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

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

相关 Flutter Http网络请求详解

Http网络请求详解 1. Http的请求方式简介 1.1 GET请求方式 1.2 POST请求方式

怼烎@/ 2022年03月10日 11:58/ 0 赞/ 689 阅读

相关 flutter压缩图片上传

前言：在android原生中比较常用的是luban压缩，当然，flutter版本也有luban压缩，通过一些资料搜索，luban压缩是直接通过dart进行压缩的，

落日映苍穹つ/ 2021年09月03日 10:47/ 0 赞/ 882 阅读

相关 Flutter高效开发之封装Text

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

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

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

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

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

相关 Flutter 图片圆角功能

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

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