如何使用淡入动画将Flare动画用作图像占位符

Question

我正在尝试从网络加载图像时显示图像占位符，并使用淡入动画将占位符替换为实际图像。当我使用资产中的简单png图像时，此方法效果很好。 以下是现有代码：

FadeInImage(placeholder: AssetImage('assets/one.png'),
          image: NetworkImage(product.imageUrl),
          fit: BoxFit.cover,)

现在，我想将照明弹动画加载为图像占位符。我正在使用 FlareActor 来显示耀斑动画，但FlareActor是FadeInImage中的小部件和占位符，需要 ImageProvider 。 有什么方法可以将耀斑动画加载为图像占位符，并用淡入动画将其替换为实际图像。

以下是加载简单耀斑动画的代码：

FlareActor("assets/images/image_placeholder.flr", 
               animation: "Untitled",)

谢谢

Answer 1

您可以通过这样做来实现您想要的

Scan Extension Files

Answer 2

花了一些时间后，我能够使用Stack和Image frameBuilder解决问题。

以下是代码：

'MaxHeadSize'