How to pre-cache flutter flare animation

Question

I have a flare loading animation which takes time to load. Is there a way to pre-cache the flutter animation?

final AssetProvider assetProvider = AssetFlare(bundle: rootBundle, name: 'assets/animations/loop.flr');
cachedActor(assetProvider);

Is this the code to cache the actor? Then How do I load the cached animation?

Answer 1

From https://github.com/2d-inc/Flare-Flutter/issues/180#issuecomment-550584347
You can use FlareCacheBuilder to help you preload flr files for certain sections of your app

code snippet

Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      appBar: AppBar(title: Text(widget.title)),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.min,
          children: [
            Expanded(
              child: FlareCacheBuilder(
                ["assets/Filip.flr"],
                builder: (BuildContext context, bool isWarm) {
                  return !isWarm
                      ? Container(child: Text("Loading..."))
                      : FlareActor(
                          "assets/Filip.flr",
                          alignment: Alignment.center,
                          fit: BoxFit.contain,
                          animation: _animationName,
                        );
                },
              ),
            )
          ],
        ),
      ),
    );
  }

Answer 2

If you want a 'global' load to your .flr files the correct way is using cachedActor just like you posted.

Let's say you previously executed:

final assetProvider = AssetFlare(bundle: rootBundle, name: 'assets/animations/loop.flr');
await cachedActor(assetProvider);

When you try to use the same .flr in a FlareActor it will already try to first load this asset from the same cache you populated before.

In this example the Flare team does exactly this to warmup some files. But notice that they are using an old sintaxe for cachedActor.

You can see at the source code here and here, that when loading the asset it will try at first to load from the cache.

One last thing to finish, FlareCacheBuilder uses the same cachedActor method internally.