flutter - 耀斑动画图标尺寸太小

Question

我在 flutter 中使用了耀斑动画。我在 flare 帐户上创建了自己的动画。 Here is the link to my flare file

现在，当我在我的 flutter 应用程序中使用这个动画时，动画图标太小了。我正在使用如下的耀斑动画:

   Container(
        width: 50,
        height: 50,
        child: Center(
          child: FlareActor(
            "flare_animations/heart.flr",
            animation: "go",
          ),
        ),
      )

我可以看到动画正在发生，但它太小了。增加容器的大小并为 FlareActor 尝试不同的 boxfit 也没有帮助。

Answer 1

在 Flare 中创建动画时，您需要记住画板大小。您的 FlareActor 小部件与整个画板一样大，因为 Flare 不会测量动画内部的形状。

如果您将其保留为默认值(例如 1024x768 像素)并且您的动画内部会很小(例如 100x100 像素)，那么将 Container 设置为 50x50 将改变整个画板的大小，因此您的动画会小得多(大约几个像素)。

要解决此问题，您可以将画板大小更改为更小(点击左侧菜单中的画板，然后在右侧菜单中更改大小)或更改动画形状将尺寸调大(点击左侧菜单中的形状，然后在右侧菜单中更改比例)。