一系列高保真 GIF 格式的加载动画，附带 Flutter

Flutter加载GIF

加载指示器 GIF。各种尺寸的 Material 和 Cupertino（Android 和 iOS）加载指示器。用作加载远程图像资产的占位符。

用法

将此库导入到您的项目中

loading_gifs: ^latest_version

在需要加载图像的地方使用cupertinoActivityIndicator或circularProgressIndicator。

FadeInImage.assetNetwork(placeholder: cupertinoActivityIndicator, image: "image.png");

就是这样！

使用技巧

Size

该库已针对大小进行了优化，因此仅包含基本的资源大小。使用scale和placeholderScale更改加载微调器的尺寸。

FadeInImage.assetNetwork(placeholder: cupertinoActivityIndicator, image: "image.png", placeholderScale: 5);

Image.asset(circularProgressIndicator, scale: 10);

动态图像

当加载尺寸未知图像时，请使用cupertinoActivityIndicatorSmall而不是cupertinoActivityIndicator。cupertinoActivityIndicatorSmall是cupertinoActivityIndicator的最小高度变体，它允许Flutter正确地将加载的图像扩展到布局中。

小型变体应在加载图像列表或将图像组合成多个图像时使用。

  ListView(
    children: <Widget>[
      FadeInImage.assetNetwork(
          placeholder: cupertinoActivityIndicatorSmall,
          image: "image_1.png"),
      FadeInImage.assetNetwork(
          placeholder: cupertinoActivityIndicatorSmall,
          image: "image_2.png"),
      FadeInImage.assetNetwork(
          placeholder: cupertinoActivityIndicatorSmall,
          image: "image_3.png"),
    ],
  )