flutter 中Lottie 图片不显示

3,280 阅读1分钟
1. 带图片的lottie动画播放图片加载不出。原因是lottie动画的json文件和图片的位置放置问题。

WechatIMG308.jpeg

2. 创建一个lottie动画

LottieBuilder _createADAnim(BuildContext context) {
  var _controller =
      AnimationController(vsync: this, duration: const Duration(seconds: 5));
  var lottieWidget = Lottie.asset('asset/smart.json',

      ///重复播放
      repeat: true,

      animate: true, onLoaded: (composition) {
    _controller.duration = composition.duration;
    _controller.forward().whenComplete(() {});
  });


  return lottieWidget;
}
3. lottie文件需要和图片位置
asset/smart.json
asset/images/***0.png
asset/images/***1.png
asset/images/***2.png
注意:
  1. repeat:true 在设置了 controller: _controller,时不生效。
  2. 每个json动画文件需要在pubspec.yaml文件中配置