如何在SwiftUI List中加载元组数组？解决Hashable兼容错误

问题原因 #

你遇到的错误是因为Swift的元组默认未遵守Hashable协议，而ForEach使用id: \.self时，要求元素必须实现Hashable以保证标识唯一性。

解决办法 #

方法一：改用自定义结构体（推荐）

把元组替换成遵守Identifiable协议的结构体，这是SwiftUI处理列表数据的标准方式，代码更清晰且扩展性更强：

import SwiftUI

// 定义遵守Identifiable的用户结构体
struct User: Identifiable {
    let id = UUID() // 自动生成唯一ID
    let name: String
    let age: Double
}

struct TestingGeneral: View {
    let users: [User] = [
        User(name: "Jeff", age: 25),
        User(name: "Nathan", age: 18)
    ]
   
    var body: some View {
        VStack{
            List {
                // 因User遵守Identifiable，ForEach无需手动指定id
                ForEach(users) { user in
                    VStack(alignment: .leading) {
                        Text(user.name)
                        Text("\(user.age)")
                    }
                }
            }
        }
    }
}

方法二：手动指定唯一ID（无需修改数据结构）

如果不想替换元组，可以为每个元组手动提供唯一标识：

import SwiftUI

struct TestingGeneral: View {
    let users: [(name: String, age: Double)] = [
        ("Jeff", 25),
        ("Nathan", 18)
    ]
   
    var body: some View {
        VStack{
            List {
                // 用name作为唯一ID（适合name不重复的场景）
                ForEach(users, id: \.name) { user in
                    VStack(alignment: .leading) {
                        Text(user.name)
                        Text("\(user.age)")
                    }
                }
                
                // 若name可能重复，用name+age组合生成唯一ID
                // ForEach(users, id: { "\($0.name)-\($0.age)" }) { user in
                //     VStack(alignment: .leading) {
                //         Text(user.name)
                //         Text("\(user.age)")
                //     }
                // }
            }
        }
    }
}

注：原代码中ForEach闭包内直接放置两个Text会报错，因为ForEach要求闭包返回单个View，因此需要用VStack或HStack将两个Text包裹。

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