Flare Flutter动画问题

时间:2019-06-12 08:51:49

标签: flutter flutter-animation flare

我的原始Flare文件/动画具有为其所有动画定义的三次曲线。但是,当我在Flutter应用程序上导出并运行相同的动画时,似乎使用了线性曲线。我已多次导出文件,但文件上有不同的更改,但是没有运气。

颤振代码:

Scaffold(
  backgroundColor: Colors.white,
  body: Center(
    child: Container(
      child: FlareActor(
        "assets/flare.flr",
        animation: "animate",
      ),
    ),
  ),
),

文件:https://github.com/2d-inc/Flare-Flutter/files/3266731/flare_files.zip

链接到耀斑:https://www.2dimensions.com/a/iamyogik/files/flare/new-file-4

在应用中运行的耀斑动画的视频:https://drive.google.com/file/d/1B98DNE3Zq26jQs4YCsDx-2gYnNaPIo4J/view?usp=sharing

1 个答案:

答案 0 :(得分:1)

您已经提供了link,其中有一个动画,但是它被命名为“ new”(您可以在左下角的“ Animations”标签下看到它),但是在代码中,您编写了“ animate”而不是“新”。 尝试替换此代码

animation : "animate"

与此

animation : "new"
如我之前所说,

“新” 是动画的名称,您必须在代码的“动画” 中输入动画的名称,从中检查此article 并且如果该方法不起作用,请请确保您对该动画使用了相同的耀斑文件

如您指定的here,文件名为“新文件4.flr” ,其动画为“新” ,如您所见。左下角。
但是在Flutter代码中,您使用的文件名是“ flare.flr” ,而动画使用的是“动画” 。 因此,请交叉检查您的文件名及其动画名称。