Flutter 颤振拉伸装配箱中的图像

我是一个flutter的初学者，我试图在我的应用程序的容器中实现一些图像。 这是我的密码：

                   Padding(
                      padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
                      child: Container(
                        width: 200,
                        height: 200,
                        child: FittedBox(
                          child: Image.asset(
                              'assets/images/' + i.toString() + ".jpg"),
                          fit: BoxFit.fill,
                        ),
                      ),
                    ),

我的图像出现了，它确实填满了容器，但它看起来很可怕。它是超拉伸的，我试着将fit:BoxFit改成类似于

fit:BoxFit.contain

的东西，但它不起作用

以下是我的UI的外观：

如何在不拉伸图像的情况下使其适合

---

感谢您的帮助。

当我们使用Boxfit.fill时，图像将占据父容器的全部空间。这里的纵横比是次要的。这就是图像看起来被拉伸的原因

---

试试Boxfit.cover。另一个选项是将容器宽度等于double.infinity，并根据需要调整高度。

BoxFit.fill将拉伸图像以填充空间。 您应该使用

BoxFit.cover

填充空间而不拉伸图像

如果要确保图像的全宽可见，请使用

BoxFit.fitWidth

---

如果要确保图像的完整高度可见，请使用

BoxFit.fitHeight

尝试在image.assets中使用BoxFit.fitWidth或BoxFit.fitHeight直接使用FitterBox（将其删除）