flutter - 如何在 flutter 中淡入装饰图像？

Question

我正在尝试淡入装饰图像，但不知道如何。

image 属性需要一个 ImageProvider，而 FadeInImage 小部件是一个 StatefulWidget。

这是我尝试过的:

decoration: BoxDecoration (
  image: DecorationImage(
    fix: BoxFit.cover,
    image: ...
  ),
)

Answer 1

您将无法为装饰图像设置动画。正如您所说，DecorationImage 仅提供一个 ImageProvider，它实际上并不允许动画(至少据我所知)。

你也许可以通过从DecorationImage中提取部分代码并编辑它来编写一个新的AnimatedDecorationImage，但这会非常复杂。

我建议改为使用堆栈来模拟与装饰图像相同的东西。这将允许您使用 FadeInImage 小部件。

看起来像这样:

Stack(
  children: [
    FadeInImage(
      placeholder: MemoryImage(....),
      image: NetworkImage(...),
    ),
    <your widget, I assume a container?>
  ],
)