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

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

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

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

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

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

是这样的:

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

如果你想在swiftUI中调整图像大小，只需使用以下代码:

import SwiftUI

    struct ImageViewer : View{
        var body : some View {
            Image("Ssss")
            .resizable()
            .frame(width:50,height:50)
        }
    }

但这里有个问题。 如果你在一个按钮中添加这个图像，图像将不会显示，只有一个蓝色块会在那里。 要解决这个问题，只需这样做:

import SwiftUI

struct ImageViewer : View{
    var body : some View {
        Button(action:{}){
        Image("Ssss")
        .renderingMode(.original)
        .resizable()
        .frame(width:50,height:50)
    }
   }
}

这个怎么样:

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

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

在图像视图上使用带有动态类型的字体修饰符:

Image(systemName: "nose")
        .font(.largeTitle)

使用下面的代码来渲染一个合适的宽高比和裁剪边界的图像:

struct ContentView: View {
    var body: some View {
        Image("donuts")
            .resizable()
            .scaledToFill()
            .frame(width: 200, height: 200)
            .border(Color.pink)
            .clipped()
    }
}

结果: