我来帮你搞定这个图片高度混乱的问题！你的代码逻辑是对的，但问题出在横向ScrollView的高度约束缺失——单图时图片直接放在VStack里，VStack会尊重你设置的frame高度；但多张图用横向ScrollView嵌套HStack时，横向ScrollView默认会自适应内容的最小高度，导致图片的500高度没被正确应用，最终显示混乱。

下面是优化后的解决方案，同时还帮你重构了代码，减少重复逻辑，提升扩展性：

第一步：抽离图片组件（避免重复代码） #

先把重复的URLImage代码抽成一个单独的View，这样后续修改样式只需要改一处：

struct ProfileImageView: View {
    let url: URL
    
    var body: some View {
        URLImage(url, placeholder: Image(systemName: "circle")) {
            $0.image
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: UIScreen.main.bounds.width - 33, height: 500)
                .clipped() // 新增：防止图片超出圆角范围，保证圆角效果正确
        }
        .cornerRadius(12)
        .padding([.leading, .trailing])
    }
}

第二步：重构主视图逻辑，修复高度问题 #

核心是给横向ScrollView添加明确的高度约束，同时用数组收集所有有效URL，通过数量判断显示逻辑：

ScrollView {
    VStack(alignment: .leading) {
        // 收集所有非空的图片URL，自动过滤nil
        let imageURLs: [URL] = [
            URL(string: userData.profileURL)!,
            userData.profileURL1.flatMap { URL(string: $0) },
            userData.profileURL2.flatMap { URL(string: $0) }
        ].compactMap { $0 }
        
        switch imageURLs.count {
        case 1:
            // 单图场景：直接显示图片
            ProfileImageView(url: imageURLs[0])
            
        case 2...:
            // 多图场景：横向滚动，关键是给ScrollView设置固定高度
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: 0) { // 去掉HStack默认间距，避免额外留白
                    ForEach(imageURLs, id: \.self) { url in
                        ProfileImageView(url: url)
                    }
                }
            }
            .frame(height: 500) // 强制横向ScrollView的高度和单图一致
            
        default:
            // 无图场景：可以添加占位提示
            Text("No profile images found")
                .foregroundColor(.gray)
                .padding()
        }
    }
}

关键修复点说明 #

1. 给横向ScrollView设置明确高度：.frame(height: 500) 强制滚动容器的高度和单图一致，确保里面的图片能正确应用你设置的500高度，不会被压缩。
2. 添加.clipped()：因为用了.aspectRatio(contentMode: .fill)，图片会按比例填充容器，超出的部分会被裁剪，配合圆角能让显示更规整。
3. 用数组+ForEach简化逻辑：原来的嵌套if判断不仅冗余，而且扩展性差（比如以后加profileURL3还要改代码），用数组收集有效URL后，通过count判断场景，代码更简洁易维护。

试试这个方案，应该能完美解决你图片高度混乱的问题！

内容的提问来源于stack exchange，提问作者Gurmukh Singh