Flutter：Lottie 文件崩溃

Question

问题：我下载的 Lottie 文件无法正确显示。

详情：

这是我运行代码时的屏幕截图

实际图像应该是这样的

代码：

Container(
            width: MediaQuery.of(context).size.width,
            height: MediaQuery.of(context).size.height * 0.43,
            // color: Colors.red,
            child: Lottie.asset('assets/lottie/morning.json', width: 300, height: 300, fit: BoxFit.fill),
          ),

包装：Lottie：^3.1.0

我不知道为什么会这样

Answer 1

确保

Container

小部件的宽度和高度属性（在您的例子中为 300）适合正确显示 Lottie 动画。您可能需要根据动画的大小调整这些值。BoxFit 属性确定图像如何适合可用空间。在您的情况下，您已将其设置为

BoxFit.fill

，这意味着图像将调整大小以填充可用空间，同时保持其纵横比。您可能想尝试不同的 BoxFit 值，例如

contain

、

cover

或

fitWidth

，看看它们是否会产生所需的结果。