load from json object about lottie-flutter

[sultanmyrza]

Could not find exmaple for
Lottie.file(file)
can you please provide one

[xvrh]

Hi, thanks for your interest in this library

There is the LottieComposition.fromBytes getter that allows to load a lottie composition from a list of bytes (loaded from the network for instance).

  Future<LottieComposition> _loadComposition() async {
    var response = await get('<url>'); // from the "http" library
    return LottieComposition.fromBytes(response.bodyBytes);
  }

And you display the LottieComposition with the Lottie constructor:

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<LottieComposition>(
      future: _futureComposition,
      builder: (context, snapshot) {
        if (snapshot.hasError) return ErrorWidget(snapshot.error);
        if (snapshot.data == null) return CircularProgressIndicator();
        return Lottie(composition: snapshot.data);
      },
    );
  }

Also there is the Lottie.memory constructor that may help you.

The Lottie.file is very easy to use.
There is this example that saves and load lottie animation to files in a "temp" directory.

[sultanmyrza]

Thank you. It's working now.

In my app user can choose subject
it opens subject page which loads lottie files from remote(in avarage 10-15 lottie files)
and user can swipe left right to see lottie animations

one problem is
first animations start from beginning
but when user swipe to next,prev animation it starts not from beginning

there is a way to start from beginning right?

By the way any tips to optimize loading and playing lottie files?

[xvrh]

The recommendation is to use a custom AnimationController to have full control on how to run the animation.