flutter - 如何从 FadeInImage 小部件的 Flutter 中的图标制作图像提供程序？

Question

我想使用带有图标的 FadeInImage 作为占位符。

FadeInImage 的构造函数很少。

在默认构造函数中，它采用 ImageProvider 作为占位符，在 FadeInImage.MemoryNetwork( 它采用 Uint8List 作为内存占位符。

第三个构造函数创建 AssetImage，但我怀疑这在这里​​有用。

有没有办法将图标转换为其中一种数据类型？

示例签名:

FadeInImage(placeholder: iconPlaceholder, image: NetworkImage("url"))

Answer 1

图标实际上只是字体中的文本，因此将其制作成图像很棘手。 cookbook 中的技巧应该管用。使用带有图标的堆栈和透明的占位符。

body: Stack(
  children: <Widget>[
    Center(child: Icon(Icons.something)),
    Center(
      child: FadeInImage.memoryNetwork(
        placeholder: kTransparentImage,
        image:
            'https://github.com/flutter/website/blob/master/_includes/code/layout/lakes/images/lake.jpg?raw=true',
      ),
    ),
  ],
),

对于kTransparentImage，见this .