Swift：如何在SwiftUI ForEach中使用协议类型的数组？

在SwiftUI中使用协议时遇到问题：持有一个协议类型的数组，想用它填充SwiftUI的ForEach视图，触发如下错误：

Type 'any Component' cannot conform to 'Identifiable'

protocol Component: ObservableObject {
    var name: String { get }
}

struct ComponentsView: View {
    var body: some View {
        ForEach(components) { component in // 此行报错
            Text(component.name)
        }
    }

    private var components: [any Component] {
        return []
    }
}

• 如何使用Components数组填充SwiftUI的ForEach视图？

SwiftUI的ForEach要求数据源元素要么遵循Identifiable协议，要么显式提供唯一标识路径，以下是两种可行方案：

方案一：让协议继承Identifiable #

修改Component协议，使其同时遵循Identifiable，并强制所有实现类/结构体提供唯一id：

protocol Component: ObservableObject, Identifiable {
    var id: UUID { get }
    var name: String { get }
}

实现该协议的类型需要补充id属性，示例：

struct ButtonComponent: Component {
    let id = UUID()
    let name: String = "按钮组件"
}

修改后，[any Component]数组可直接用于ForEach。

方案二：显式指定ForEach的标识路径 #

若不想修改协议，可在ForEach中通过id参数指定唯一属性作为标识。比如用name（需保证name在数组中唯一）：

ForEach(components, id: \.name) { component in
    Text(component.name)
}

如果name不保证唯一，建议给Component协议添加唯一标识属性，再用该属性作为路径：

protocol Component: ObservableObject {
    var id: UUID { get }
    var name: String { get }
}

// 对应ForEach写法
ForEach(components, id: \.id) { component in
    Text(component.name)
}

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