如何在装饰中淡化装饰图像？

Question

我试图淡化装饰图像，无法弄清楚如何。

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

这就是我尝试过的方法：

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

Answer 1

你无法为DecorationImage制作动画。正如你所说，DecorationImage只提供了一个ImageProvider，它实际上并不允许动画（至少据我所知）。

您可以通过从DecorationImage中获取部分代码并编辑它来编写新的AnimatedDecorationImage，但这将非常复杂。

我推荐的是使用堆栈来模拟与DecorationImage相同的东西。这将允许您使用FadeInImage小部件。

这看起来像这样：

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