SwiftUI List初始化报错：ShopsModel需遵循RandomAccessCollection协议

核心错误点 #

1. 视图数据类型错误：ShopsList2中定义的shops2是单个ShopsModel对象，但SwiftUI的List需要接收集合类型（比如数组[ShopsModel]），单个模型不满足RandomAccessCollection协议要求，这是报错的根本原因。
2. List冗余参数：你的ShopsModel已经遵循Identifiable协议，List会自动使用id作为唯一标识，不需要额外传递id: \.self.id参数。
3. Text显示错误：Text(shop)直接传入ShopsModel对象，SwiftUI无法将自定义结构体转为可显示的文本，需要指定具体属性（比如shopName）。
4. 预览参数缺失：预览时需要传入符合类型要求的数组数据，而非单个模型。

完整修复代码 #

1. 保持ShopsModel结构体不变

struct ShopsModel: Identifiable {
    var id: Int
    var shopName: String
    var postcode: String
    var type: String
}

// 创建店铺实例
let shop1 = ShopsModel(
    id: 1,
    shopName: "shop1",
    postcode: "PE31 8AA",
    type: "Clothing")

let shop2 = ShopsModel(
    id: 2,
    shopName: "shop2",
    postcode: "PE31 8AB",
    type: "Clothing")

2. 修正ShopsList2视图及相关组件

import SwiftUI

struct ShopsList2: View {
    // 改为数组类型，匹配List的集合要求
    let shops2: [ShopsModel]
    
    var body: some View {
        NavigationStack {
            // 直接传入数组，利用Identifiable自动识别唯一标识
            List(shops2) { shop in
                NavigationLink {
                    // 传递完整店铺模型到详情页（需保证ShopsDetail参数类型匹配）
                    ShopsDetail(shop: shop)
                } label: {
                    // 显示店铺名称属性，替换直接传入结构体的错误写法
                    Text(shop.shopName)
                }
            }
            .navigationTitle("Shops")
        }
    }
}

// 补充详情页示例（可根据实际需求调整）
struct ShopsDetail: View {
    let shop: ShopsModel
    
    var body: some View {
        VStack(alignment: .leading, spacing: 12) {
            Text(shop.shopName)
                .font(.title)
            Text("邮编: \(shop.postcode)")
            Text("类型: \(shop.type)")
        }
        .padding()
    }
}

// 修复预览，传入符合要求的数组数据
#Preview {
    ShopsList2(shops2: [shop1, shop2])
}

关键修复说明 #

• 将shops2的类型从ShopsModel改为[ShopsModel]，确保List能遍历集合数据。
• 移除List的id参数，依赖Identifiable协议自动管理行标识。
• 给Text指定具体的模型属性，避免直接传入自定义结构体。
• 预览时传入包含多个店铺的数组，匹配视图的参数类型要求。

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