如何重构SwiftUI Image视图以避免强制解包

方案1：利用map + 空合运算符?? #

这是最简洁的写法，既避免强制解包，又不用重复修饰符：

import SwiftUI

struct MealItemView: View {
    let thumbnail: UIImage?

    var body: some View {
        ZStack {
            HStack {
                (thumbnail.map { Image(uiImage: $0) } ?? Image(systemName: "birthday.cake"))
                    .resizable()
                    .scaledToFit()
                    .cornerRadius(12)
                    .frame(maxWidth: 300)
                
                Spacer()
            }
        }
    }
}

• 逻辑说明：thumbnail.map { Image(uiImage: $0) }会在thumbnail非nil时返回对应的Image实例，nil时返回nil；空合运算符??会在左边为nil时，自动使用右边的系统图标Image；整个表达式返回确定的Image实例，后续修饰符只需写一次即可复用。

方案2：封装自定义View（适合多处复用场景） #

如果这种可选图片展示逻辑需要在多个页面使用，可以抽成独立的自定义View，让主代码更简洁：

struct OptionalImageView: View {
    let image: UIImage?
    let placeholderSystemImage: String
    
    var body: some View {
        (image.map { Image(uiImage: $0) } ?? Image(systemName: placeholderSystemImage))
            .resizable()
            .scaledToFit()
            .cornerRadius(12)
            .frame(maxWidth: 300)
    }
}

// 主视图调用
struct MealItemView: View {
    let thumbnail: UIImage?

    var body: some View {
        ZStack {
            HStack {
                OptionalImageView(image: thumbnail, placeholderSystemImage: "birthday.cake")
                Spacer()
            }
        }
    }
}

方案3：用@ViewBuilder定义计算属性 #

把图片创建的分支逻辑封装在计算属性中，视图主体直接调用并添加统一修饰符：

struct MealItemView: View {
    let thumbnail: UIImage?

    @ViewBuilder
    var displayImage: some View {
        if let image = thumbnail {
            Image(uiImage: image)
        } else {
            Image(systemName: "birthday.cake")
        }
    }

    var body: some View {
        ZStack {
            HStack {
                displayImage
                    .resizable()
                    .scaledToFit()
                    .cornerRadius(12)
                    .frame(maxWidth: 300)
                
                Spacer()
            }
        }
    }
}

这个写法将分支逻辑与修饰符分离，既规避了强制解包，也不用重复编写样式代码，视图结构更清晰。

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