首页 > 解决方案 > SwiftUI 无法调整图片大小

问题描述

我正在尝试在 SwiftUI 中创建图像,我面临的问题是即使我设置了内容模式填充,图像也不会自行调整大小

struct LoginView: View {
    var body: some View {
        Image("app-icon")
                .frame(width: percent(80, ofSize: "width"), height: percent(40, ofSize: "width"), alignment: Alignment.center)
                .aspectRatio(contentMode: ContentMode.fill)
                .scaledToFill()
                .clipped()

    }
}

然后我尝试了

struct LoginView: View {
    var body: some View {
        Image("app-icon")
                .frame(width: percent(80, ofSize: "width"), height: percent(40, ofSize: "width"), alignment: Alignment.center)
                .aspectRatio(contentMode: ContentMode.fit)
                .scaledToFit()
                .clipped()

    }
}

在此处输入图像描述

两个代码具有相同的效果图像大小不变

标签: iosswiftswiftui

解决方案


  • Add .resizable() modifier to your code

    Image("app-icon")
       .resizable()
       .scaledToFill()
       .frame(width: percent(80, ofSize: "width"), height: percent(40, ofSize: "width"), alignment: Alignment.center)
       .clipped()
    

推荐阅读