SwiftUI NavigationView中可搜索列表的独立详情视图创建问题

当前代码中NavigationLink的跳转目标仅写了Text(name)，没有将当前条目的完整数据传递给独立的详情视图，所有条目复用完全相同的跳转逻辑，自然无法展示不同病症的差异化信息。

按以下步骤修改即可：

• 定义结构化的数据模型，不要只用字符串存储术语名称，要把名称、定义、补充信息等所有需要在详情页展示的字段封装到统一模型中
• 编写独立的详情视图，声明属性接收传入的单个术语模型，视图所有展示内容从传入的模型中读取
• 将原代码中的字符串数组替换为模型数组，填充每个术语对应的详情内容
• 修改ForEach中的跳转逻辑，循环时将当前条目的模型对象传给详情视图，而非仅传递名称文本
• 补全原代码缺失的搜索结果计算属性，适配模型类型的搜索逻辑

// 眼科术语数据模型
struct EyeTerm: Identifiable {
    let id = UUID()
    let name: String
    let definition: String
    let extraInfo: String
}

// 术语详情视图
struct TermDetailView: View {
    // 接收传入的单个术语对象
    let term: EyeTerm
    
    var body: some View {
        ScrollView {
            VStack(alignment: .leading, spacing: 16) {
                Text(term.name)
                    .font(.title)
                    .fontWeight(.bold)
                
                Text("病症定义")
                    .font(.headline)
                Text(term.definition)
                    .foregroundColor(.secondary)
                
                Text("补充说明")
                    .font(.headline)
                Text(term.extraInfo)
                    .foregroundColor(.secondary)
            }
            .padding()
            .frame(maxWidth: .infinity, alignment: .leading)
        }
        .navigationTitle(term.name)
        .navigationBarTitleDisplayMode(.inline)
    }
}

struct EyeTerminology: View {
    // 替换原字符串数组为模型数组，按格式补全所有术语内容即可
    private let terms: [EyeTerm] = [
        EyeTerm(
            name: "Amblyopia",
            definition: "即弱视，指单眼或双眼最佳矫正视力低于对应年龄正常标准，眼部检查无器质性病变",
            extraInfo: "高发于视觉发育敏感期，常见诱因包括斜视、高度屈光不正、形觉剥夺等，早干预治愈率高"
        ),
        EyeTerm(
            name: "Cataract",
            definition: "即白内障，指晶状体透明度降低或颜色改变导致的光学质量下降退行性病变",
            extraInfo: "为全球首位致盲性眼病，高发于50岁以上人群，超声乳化联合人工晶体植入是主流治疗方案"
        )
        // 剩余所有眼科术语按上述格式补充即可
    ]

    @State private var searchText = ""

    // 搜索逻辑适配模型类型
    private var searchResults: [EyeTerm] {
        searchText.isEmpty 
        ? terms 
        : terms.filter { $0.name.localizedCaseInsensitiveContains(searchText) }
    }

    var body: some View {
        NavigationView {
            List {
                ForEach(searchResults) { term in
                    NavigationLink(destination: TermDetailView(term: term)) {
                        Text(term.name)
                    }
                }
            }
            .searchable(text: $searchText)
            .navigationTitle("Eye Dictionary")
        }
        .hiddenNavigationBarStyle()
    }
}

• 模型遵守Identifiable协议后，ForEach无需再写id: \.self，可避免术语重名导致的列表渲染、跳转异常
• 数据和视图完全分离，后续需要新增术语字段（如治疗方案、发病部位、参考示意图）时，仅需修改模型和详情视图的渲染逻辑，无需调整列表和跳转代码
• 搜索逻辑直接复用模型的name字段，原有搜索交互不需要做额外改动

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