理解代码的逻辑结构是非常重要的。就像在SwiftUI中一样，默认情况下图像是不能调整大小的。因此，要调整任何图像的大小，您必须在声明image视图后立即应用. resized()修饰符使其可调整大小。

Image("An Image file name")
    .resizable()

SwiftUI为我们提供了. resized()修饰符，它可以让SwiftUI调整图像的大小以适应其空间

struct ContentView: View {
    var body: some View {
        Image("home")
            .antialiased(true) //for smooth edges for scale to fill
            .resizable() // for resizing
            .scaledToFill() // for filling image on ImageView
    }
}

你还可以使用:

Image("Example")
   .scaleEffect(NumberWithSizeBetweenZeroAndOne)

这个怎么样:

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

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

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

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

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

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

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

204

如果我们在Assets.xcassets中有一个大图像。然后调整大小 首先，我们必须使用 resized()，然后使用frame()。

Image(room.thumbnailImage)
.resizable()
    .frame(width: 32.0, height: 32.0)