SwiftUI中NavigationLink跳转后显示空白页面的解决方法

问题原因 #

• 核心问题：你在GuitarsContainer初始化时，给所有Guitar实例的description参数传入的是空字符串""，导致点击"See Description"跳转后，DescriptionView里的Text(description)显示空内容，视觉上呈现空白页面。而GuitarDetailView_Previews里的测试Guitar实例带有完整描述文本，所以预览能正常显示，但实际运行时使用的是容器内的空值。
• 潜在崩溃风险：Guitar结构体中UIImage(named: self.imgPath)!使用了强制解包!，若项目缺少对应名称的图片资源，会直接引发崩溃。SwiftUI的Image视图可直接使用图片名称字符串，无需提前转为UIImage，安全性更高。

修复方案 #

1. 填充描述文本 #

修改GuitarsContainer的初始化代码，为每个Guitar实例添加真实描述内容：

class GuitarsContainer : ObservableObject {
    @Published var guitars = [Guitar]()
    
    init() {
        guitars.append(Guitar(modelName: "Ltd EC-256 Snow White", brandName: "ESP", imgPath: "esp_ltd_ec-256_snow_white", color: "White", description: "Some of the most highly-regarded guitars in history have many similarities to the affordable and popular LTD EC-256FM. Mahogany body and 3 pc. neck? Check. Rosewood fingerboard and flamed maple top? Check and check. Covered passive pickups, set-neck construction, and 22XJ frets?You get it all, without the massive price tag you’d usually expect from such a well-made single-cutaway electric guitar. The EC-256FM is at home on blues, classic rock, hard rock, progressive rock, fusion, and much more, and it’s available in new see-thru Cobalt Blue and see-thru purple finishes."))
        guitars.append(Guitar(modelName: "CR-6 Aquaburst", brandName: "Schecter", imgPath: "schecter_cr-6_aquaburst", color: "Green", description: "Schecter CR-6 Aquaburst采用桃花心木琴身与枫木琴颈，搭配双单双拾音器配置，音色覆盖从清澈过载到厚重金属，适合多种音乐风格"))
        guitars.append(Guitar(modelName: "Stratocaster Limited Edition HSS Ebony", brandName: "Fender", imgPath: "fender_strat_limited_edition_hss_ebony", color: "Black", description: "这款限量版Stratocaster配备乌木指板与HSS拾音器组合，保留经典单线圈音色的同时，提供更强的输出功率，适合现代演奏需求"))
        guitars.append(Guitar(modelName: "RG550", brandName: "Ibanez", imgPath: "ibanez_rg550_yellow", color: "Yellow", description: "Ibanez RG550是经典双摇电吉他，搭载Edge双颤音系统与DiMarzio拾音器，精准的音准稳定性和激进的音色使其成为金属乐手的首选"))
        guitars.append(Guitar(modelName: "SG", brandName: "Gibson", imgPath: "gibson_sg", color: "Red", description: "Gibson SG拥有标志性的双缺角设计与饱满的双线圈音色，从布鲁斯到硬摇滚都能轻松驾驭，是摇滚史上的经典型号"))
    }
}

2. 优化Guitar结构体（推荐） #

移除冗余的UIImage属性，避免强制解包风险：

struct Guitar: Identifiable, Hashable {
    var id: String = UUID().uuidString
    let modelName: String
    let brandName: String
    let imgPath: String
    let color: String
    let description: String
    
    init(modelName: String, brandName: String, imgPath: String, color: String, description: String) {
        self.modelName = modelName
        self.brandName = brandName
        self.imgPath = imgPath
        self.color = color
        self.description = description
    }
}

3. 优化DescriptionView（可选） #

为描述文本添加排版样式，提升可读性：

struct DescriptionView: View {
    var description: String
    
    var body: some View {
        ScrollView {
            Text(description)
                .padding()
                .font(.body)
                .lineSpacing(8)
        }
        .navigationTitle("Description")
    }
}

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