Lottie Animation Example

example.dart

class LottieAnimationExample extends StatefulWidget{
  @override
  LottieAnimationExampleState createState() => LottieAnimationExampleState();
}

class LottieAnimationExampleState extends State<LottieAnimationExample> with TickerProviderStateMixin{
  AnimationController _lottieAnimationController;
  
  @override
  void initState(){
    _lottieAnimationController = AnimationController(vsync: this);
  }
  
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body: GestureDetector(
        onTap: () => _lottieAnimationController.forward();
        child: Center(
          child: Lottie.asset(
            'assets/lottie.json',
            controller: _lottieAnimationController,
            height: 36.0,
            onLoaded: (composition) {
              _lottieAnimationController..duration = composition.duration;
            }
          ),
        ),
      ),
    );
  }
}