由 AQuadic 制作

入门

重要链接

脚本要求

此脚本假定您具有以下要求

  • Flutter 版本 ">=2.9.0 <3.0.0"
  • Dart 版本 ">=2.15.0 <3.0.0"

用法

// assume you have api response and our media in field logo
final image = ResponsiveImageModel.fromResponsiveJson(
json['logo'], fallbackImage = "https://domain.com/logo.png",
);

// get image src set ( may you need it for use is responsive image widget
image.imageSrcSets;

// get image all models
image.imageModels;

// get nearst image for this size.
image.getImage(context, width: 1200, height: 700);


ResponsiveImage(
  srcSet: image.imageSrcSets;
  // srcSet: {
  //   256: "https://via.placeholder.com/256",
  //   512: "https://via.placeholder.com/512",
  //   1024: "https://via.placeholder.com/1024",
  // },
  builder: (BuildContext context, String url) {
    return CachedNetworkImage(
      imageUrl: url,
      placeholder: (context, url) => CircularProgressIndicator(),
      errorWidget: (context, url, error) => Icon(Icons.error),
    );
  },
);

由 ♥ 制作

GitHub

查看 Github