如何淡出装饰图像中的颤动？

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?>
  ],
)