Hide after animation completes

[CyberGhost007]

How can I hide lottie after the animation completes?

[xvrh]

I added an example that shows how to hide the animation when complete:
https://github.com/xvrh/lottie-flutter/blob/master/example/lib/examples/hide_after_complete.dart

The important part are:

Add a status listener on the animation controller and update a variable when the animation is completed.

    _animationController = AnimationController(vsync: this)
      ..addStatusListener((status) {
        if (status == AnimationStatus.completed) {
          setState(() {
            _showAnimation = false;
          });
        }
      });

Conditionally display the animation

if (_showAnimation)
  Lottie.asset(
    'assets/LottieLogo1.json',
     controller: _animationController,
     onLoaded: (composition) {
       animationController
          ..duration = composition.duration
          ..reset()
          ..forward();
        },
  ),

[luis-cruzt]

It works like charm.

[CyberGhost007]

Awesome, thanks mate