默认情况下，图像视图会自动根据其内容调整自身大小，这可能会使它们超出屏幕。如果你添加了resized()修饰符，那么图像将自动调整大小，以填充所有可用空间:

Image("example-image")
    .resizable()

然而，这也可能导致图像的原始纵横比被扭曲，因为它将在所有维度上被拉伸，无论拉伸的量是多少，以填充空间。

如果你想保持它的纵横比，你应该添加一个aspectRatio修饰符，使用.fill或.fit，就像这样:

Image("example-image")
    .resizable()
    .aspectRatio(contentMode: .fit)

struct AvatarImage: View {
    var body: some View {

            Image("myImage")
                .resizable()
                .scaledToFill() // <=== Saves aspect ratio
                .frame(width: 60.0, height:60)
                .clipShape(Circle())

    }
}

这个怎么样:

struct ResizedImage: View {
    var body: some View {
        Image("myImage")
            .resizable()
            .scaledToFit()
            .frame(width: 200, height: 200)
    }
}

图像视图为200x200，但图像保持原始宽高比(在该帧内重新缩放)。

您可以使用resized()属性，但请记住，您不能在普通修饰符中使用resized，因此您必须使用Image扩展来实现它。

extension Image {
    func customModifier() -> some View {
        self
            .resizable()
            .aspectRatio(contentMode: .fit)
    }

在图像名称后使用. resized()方法。 确保在进行任何修改之前需要声明. resized()的用法。

是这样的:

Image("An Image file name")
    .resizable()
//add other modifications here 

如果你想使用纵横比调整大小，那么你可以使用以下代码:

Image(landmark.imageName).resizable()
                .frame(width: 56.0, height: 56.0)
                .aspectRatio(CGSize(width:50, height: 50), contentMode: .fit)