导出 Flare 动画答案

【问题标题】：Exporting Flare animation导出 Flare 动画
【发布时间】：2020-04-20 03:48:46
【问题描述】：

耀斑动画不会显示在屏幕上。我正在使用：

Container(
              height: 300.0,
              width: 300.0,
              child: FlareActor('checkmarkone.flr',
                  fit: BoxFit.contain,
                  alignment: Alignment.center,
              ),
            ),

当我运行应用程序时，我在运行控制台中收到此消息：

[VERBOSE-2:ui_dart_state.cc(157)] Unhandled Exception: Unable to load asset: checkmarkone.flr
#0      PlatformAssetBundle.load (package:flutter/src/services/asset_bundle.dart:221:7)
<asynchronous suspension>
#1      FlareCacheAsset.load (package:flare_flutter/flare_cache_asset.dart:31:20)
#2      Cache.getAsset (package:flare_flutter/cache.dart:56:15)
#3      cachedActor (package:flare_flutter/flare_cache.dart:35:16)
#4      FlareRenderBox.loadFlare (package:flare_flutter/flare_render_box.dart:322:35)
#5      FlareActorRenderObject.coldLoad (package:flare_flutter/flare_actor.dart:322:20)
#6      FlareRenderBox.load (package:flare_flutter/flare_render_box.dart:272:7)
#7      FlareRenderBox.attach (package:flare_flutter/flare_render_box.dart:115:7)
#8      AbstractNode.adoptChild (package:flutter/src/foundation/node.dart:132:13)
#9      RenderObject.adoptChild (package:flutter/src/rendering/object.dart:1238:11)
#10     RenderObjectWithChildMixin.child= (package:flutter/src/rendering/object.dart:2905:7)<…>

感谢所有建议。谢谢

【问题讨论】：

标签： flutter flare

【解决方案1】：

确保您的资产文件夹中有checkmarkone.flr 文件，然后将其添加到您的 pubspec.yaml 文件中

flutter:
  assets:
    - checkmarkone.flr

然后，运行flutter packages get 命令来更新依赖项。最后，冷重启你的项目

【讨论】：

【解决方案2】：

请检查您的 pubspec.yaml 文件并确保文件 checkmarkone.flr 已正确添加/加载。

例如。

pubspec.yaml

... (more on top)
# The following section is specific to Flutter.
flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  assets:
   - assets/checkmarkone.flr # Add it here
... (more on bottom)

现在等待颤振任务（更新包）完成，然后尝试使用上面添加的资产路径通过热重启在屏幕/小部件中加载 Flare 动画。

widget.dart


Container(
  height: 300.0,
  width: 300.0,
  child: FlareActor('assets/checkmarkone.flr',
      fit: BoxFit.contain,
      alignment: Alignment.center,
  ),
),

进一步阅读

https://flutter.dev/docs/development/ui/assets-and-images

【讨论】：