11-04 03:36 阅读 449

关注

flutter 中Lottie 图片不显示

1. 带图片的lottie动画播放图片加载不出。原因是lottie动画的json文件和图片的位置放置问题。

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文件中配置

作者：yanghai
链接：https://juejin.cn/post/7026558589112156173