调用SwiftUI详情页时遇数组越界与解包nil错误，求排查

问题根源 #

1. 预览环境中SchoolModel().schools大概率是空数组或元素数量不足，直接取索引或first!会触发数组越界/强制解包崩溃；
2. 真实列表页跳转时能拿到正常数据，但预览场景下通常不会触发数据源加载逻辑（比如网络请求、本地数据读取），导致schools数组为空；
3. 代码中大量使用强制解包（!），哪怕拿到School对象，只要properties里的属性为nil就会崩溃。

具体解决方案 #

1. 为预览构造独立模拟数据 #

不依赖真实SchoolModel的数据源，手动生成一个完整的School对象用于预览：

// 根据你的实际School、SchoolProperties结构调整字段
extension School {
    static func mock() -> School {
        let mockProperties = SchoolProperties(
            name: "阳光实验中学",
            areaCode: "021",
            phone: "87654321",
            address: "浦东新区学府路8号",
            city: "上海",
            state: "上海市"
        )
        return School(properties: mockProperties)
    }
}

修改预览代码，使用模拟数据：

struct SchoolsDetailView_Previews: PreviewProvider {
    static var previews: some View {
        NavigationStack{
            SchoolsDetailView(data: School.mock())
        }
    }
}

2. 替换强制解包为安全可选值处理 #

把代码中所有!换成安全的可选值处理逻辑，避免nil崩溃：

struct SchoolsDetailView: View {
    
    var data: School
    
    var body: some View {
        VStack{
            // 学校名称：nil时显示默认文本
            Text(data.properties.name ?? "未知学校")
                .modifier(CustomTextM(fontName: "OpenSans-Regular", fontSize: 20, fontColor: .black))
            
            Spacer()
            
            // 电话号码：空值时显示占位符
            let phoneText = "(\(data.properties.areaCode ?? ""))-\(data.properties.phone ?? "未提供")"
            Text(phoneText)
                .modifier(CustomTextM(fontName: "OpenSans-Regular", fontSize: 15, fontColor: .black))
            
            // 地址：过滤空字段后拼接，避免多余逗号
            let addressParts = [
                data.properties.address ?? "",
                data.properties.city ?? "",
                data.properties.state ?? ""
            ].filter { !$0.isEmpty }
            
            Text(addressParts.joined(separator: ", "))
                .modifier(CustomTextM(fontName: "OpenSans-Regular", fontSize: 15, fontColor: .black))
        }
    }
}

补充说明 #

• 模拟数据的字段要和你的School、SchoolProperties定义完全匹配，根据实际情况调整；
• 安全处理可选值后，不仅预览不会崩溃，真实场景中如果数据有缺失，界面也能正常显示，不会闪退。

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