huixiang_app/lib/view_widget/custom_image.dart

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:huixiang/utils/ImgCachePath.dart';
import 'package:network_to_file_image/network_to_file_image.dart';
import 'package:path/path.dart' as p;

class MImage extends StatelessWidget {
  final String src;
  final String errorSrc;
  final String fadeSrc;
  final BorderRadius radius;
  final double aspectRatio;
  double? width;
  double? height;
  final BoxFit fit;
  final bool isCircle;
  final bool noCompress;//不压缩图片

  double scaleIndex = 2.5;

  MImage(
      this.src, {
        this.errorSrc = "assets/image/default_2_1.webp",
        this.fadeSrc = "assets/image/default_2_1.webp",
        this.aspectRatio = 1,
        this.width,
        this.height,
        this.fit = BoxFit.cover,
        this.isCircle = false,
        this.noCompress = false,
        this.radius = BorderRadius.zero,
      });

  File fileFromDocsDir(String filename) {
    String pathName = p.join(ImgCachePath.instance.path, filename);
    return File(pathName);
  }

  double getImageWidth(context, double widgetWidth) {
    double width = MediaQuery.of(context).size.width;
    if (widgetWidth < (width / 3)) {
      return 300;
    } else if (widgetWidth < (width / 2)) {
      return 700;
    } else {
      return width;
    }
  }

  double getImageHeiget(context, double widgetHeiget) {
    double height = MediaQuery.of(context).size.height;
    if (widgetHeiget < (height / 3)) {
      return 600;
    } else if (widgetHeiget < (height / 2)) {
      return 1400;
    } else {
      return height;
    }
  }

  @override
  Widget build(BuildContext context) {
    Widget image = LayoutBuilder(
      builder: (context, constraints) {
        String? imageUrl = "";
        ///压缩图片
        // if (src != null && src != "" && src.startsWith("http")) {
        // String oper = src.contains("?") ? "" :"?";
        // imageUrl =
        //     "$src$oper/imageMogr2/thumbnail/${constraints.constrainWidth() * scaleIndex}"
        //     "x${constraints.constrainHeight() * scaleIndex}/format/webp/quality/100";
        // }
        int _w = ((constraints.constrainWidth()==double.infinity
            ? MediaQuery.of(context).size.width
            : getImageWidth(context, constraints.constrainWidth())) * scaleIndex).toInt();
        int _h = ((constraints.constrainHeight()==double.infinity
            ? MediaQuery.of(context).size.height
            : getImageHeiget(context, constraints.constrainHeight())) * scaleIndex).toInt();
        ///压缩图片
        if (src.startsWith("http")) {
          if(noCompress)
            imageUrl = src;
          else
            imageUrl = "$src?imageView2/1/w/${_w}/h/${_h}/format/jpg/q/75";
        }

        // print("imageUrl:$imageUrl");
        // print("constrainWidth: ${constraints.constrainWidth()}");
        // print("constrainHeight: ${constraints.constrainHeight()}");

        if (imageUrl?.isEmpty ?? true) {
          return Image.asset(
            "assets/image/default_2_1.webp",
            fit: fit,
          );
        }
        Widget? cachedNetworkImage;
        if (src.startsWith("http")) {
          cachedNetworkImage = Image(
            image: ResizeImage(NetworkToFileImage(
              url: imageUrl,
              file: fileFromDocsDir("resize${(noCompress?"noCompress":"$_w$_h")}${src.replaceAll("https:", "")
                  .replaceAll("http:", "")
                  .replaceAll("pos.upload.gznl.top", "")
                  .replaceAll("/", "")}"),
              debug: true,
            ),
                width: _w,
                height: _h),
            errorBuilder: (context, error, stackTrace) {
              return Image.asset(
                errorSrc,
                fit: fit,
              );
            },
            fit: fit,
          );
        } else if (src.startsWith("file")) {
          cachedNetworkImage = Image.file(
            File(src),
            fit: fit,
            errorBuilder: (context, error, stackTrace) {
              return Image.asset(
                errorSrc,
                fit: fit,
              );
            },
          );
        }
        return cachedNetworkImage ?? Image.asset(
          "assets/image/default_2_1.webp",
          fit: fit,
        );
      },
    );

    var clipRRect;
    if (isCircle) {
      clipRRect = ClipOval(clipBehavior: Clip.antiAlias, child: image);
    } else {
      clipRRect = ClipRRect(
        borderRadius: radius,
        child: image,
      );
    }
    if (aspectRatio != null && aspectRatio > 0) {
      return SizedBox(
        width: width,
        height: height,
        child: AspectRatio(
          aspectRatio: aspectRatio,
          child: clipRRect,
        ),
      );
    } else {
      return SizedBox(
        width: width,
        height: height,
        child: clipRRect,
      );
    }
  }
}