flutter - 运行时带有未知图像的 FadeInImage

Question

我的应用程序中有一个 FadeInImage，图像加载是为了响应用户操作。这意味着在运行时，我不知道图像，只是希望 FadeInImage 不显示任何内容。

如果我为图像传递 null 或空字符串，我会收到运行时错误。

flutter: ══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════
flutter: The following ArgumentError was thrown resolving an image codec:
flutter: Invalid argument(s): No host specified in URI file:///

这里是相关的 Widget 声明:

Container(
  height: 100,
  child:FadeInImage.memoryNetwork(
  placeholder: kTransparentImage,
  image: _d2apiModel.emblemUrl,
  fit: BoxFit.fitWidth,
),

(其中 _d2apiModel 是根据用户操作更新的提供者)。

我知道我可以在 Assets 包中放置一个默认图像，将其从包中复制到文档存储中，获取图像的文件 URI，并将其用作默认值，但是 1) 这看起来有点矫枉过正，2 ) 我遇到了一些异步问题。

似乎我遗漏了一些明显的东西，但我无法弄清楚该方法。如有任何建议，我们将不胜感激。

Answer 1

您可以在您的提供程序尚未更新时使用 kTransparentImage 显示常规图像，然后在它更新时显示您的 FadeInImage:

Container(
  height: 100,
  child: hasProviderBeenUpdated
      ? Image.memory(
          kTransparentImage,
          fit: BoxFit.fitWidth,
        )
      : FadeInImage.memoryNetwork(
          placeholder: kTransparentImage,
          image: _d2apiModel.emblemUrl,
          fit: BoxFit.fitWidth,
        ),
),