SwiftUI中设置44x44的图片为何仍被拉伸至全屏？

核心原因 #

• SwiftUI的Image默认不会主动适配你设置的frame尺寸，它会优先按照图片原始大小布局，除非开启可缩放属性。
• 你添加的frame(width:44, height:44)只是给视图分配了固定布局空间，但如果图片本身尺寸远大于这个空间，且没设置缩放规则，图片会直接溢出空间，甚至撑满无约束的父容器（比如你的HStack如果没宽度限制，会自动占满父视图宽度）。

解决步骤 #

给Image加上可缩放和比例适配修饰符，让它强制适配你设置的frame：

HStack {
    if holeTop != nil {
        Image(uiImage: holeTop!)
            .resizable() // 开启图片可缩放能力
            .scaledToFit() // 保持图片比例适配frame，避免拉伸变形
            .frame(width: 44, height: 44)
            .clipped() // 可选：防止图片内容超出frame范围
    } else {
        // 你的else分支逻辑
    }
}

如果需要图片填满整个frame（允许拉伸），可以把scaledToFit()换成scaledToFill()，记得搭配.clipped()避免内容溢出。

另外也可以检查HStack的父视图是否有宽度约束，如果父视图是无限制宽度（比如放在ScrollView或未设置宽度的VStack里），可以给HStack添加.frame(maxWidth: .infinity, alignment: .leading)来限制布局范围，避免Image被过度拉伸。

内容的提问来源于stack exchange，提问作者János