如何在SwiftUI的ForEach中展示不同类型、遵循ItemDisplayer协议的View

核心问题原因 #

类型转换报错本质是两个底层问题：

1. 自定义的ItemDisplayer协议未与SwiftUI的View协议关联，两个独立协议无继承关系，自然无法直接转换
2. SwiftUI的View协议带有Body关联类型，不能直接作为实例类型存入数组，必须做类型擦除封装为AnyView才能统一处理

分层实现方案 #

严格遵循领域层不依赖视图层的要求，拆分三层逻辑实现：

1. 领域层实现（完全无SwiftUI依赖） #

只定义业务模型和通用协议，不引入任何视图层相关代码：

// 领域层代码，仅处理业务逻辑
public struct ItemObject {
    public let id: String
    public let displayerType: DisplayerType
    // 其他业务属性
}

public enum DisplayerType {
    case `default`
    case other
    // 新增展示类型仅需在此加枚举值
}

public protocol ItemDisplayer {
    init(item: ItemObject)
}

2. 视图层View实现 #

所有展示用View同时遵守ItemDisplayer和View协议：

import SwiftUI

// 默认样式视图
struct DefaultItemView: View, ItemDisplayer {
    let item: ItemObject
    init(item: ItemObject) {
        self.item = item
    }
    var body: some View {
        Text("默认展示：\(item.id)")
    }
}

// 其他样式视图
struct OtherItemView: View, ItemDisplayer {
    let item: ItemObject
    init(item: ItemObject) {
        self.item = item
    }
    var body: some View {
        HStack {
            Image(systemName: "star")
            Text("特殊样式：\(item.id)")
        }
    }
}

3. 中间适配层（类型擦除+匹配逻辑） #

单独封装类型匹配和擦除逻辑，避免View层和ViewModel层出现类型判断：

// 可放在视图工具层或ViewModel层，不侵入领域层
struct DisplayableItem: Identifiable {
    let id: String
    let displayView: AnyView
    
    init(item: ItemObject) {
        self.id = item.id
        // 调用工厂方法生成擦除后的视图
        self.displayView = DisplayerFactory.makeView(for: item)
    }
}

// 展示器工厂，统一处理类型匹配
enum DisplayerFactory {
    static func makeView(for item: ItemObject) -> AnyView {
        switch item.displayerType {
        case .default:
            return AnyView(DefaultItemView(item: item))
        case .other:
            return AnyView(OtherItemView(item: item))
        }
    }
}

4. ViewModel层调用 #

直接生成可直接被视图层使用的擦除后数组：

import Combine

class ItemListViewModel: ObservableObject {
    @Published var displayItems: [DisplayableItem] = []
    
    func loadItems(_ items: [ItemObject]) {
        displayItems = items.map { DisplayableItem(item: $0) }
    }
}

5. 视图层直接使用 #

无需任何类型判断或转换，直接遍历渲染：

import SwiftUI

struct ItemListView: View {
    @StateObject var viewModel = ItemListViewModel()
    
    var body: some View {
        List(viewModel.displayItems) { item in
            item.displayView
        }
        .onAppear {
            // 模拟加载领域层返回的ItemObject数组
            let mockItems: [ItemObject] = [
                ItemObject(id: "1", displayerType: .default),
                ItemObject(id: "2", displayerType: .other)
            ]
            viewModel.loadItems(mockItems)
        }
    }
}

方案优势 #

• 领域层完全不依赖SwiftUI，纯业务逻辑不受视图层技术栈影响
• 所有视图类型匹配逻辑收敛到工厂类，新增展示类型仅需新增View实现+修改工厂枚举分支，无需修改View层或ViewModel层代码
• 视图层无任何类型判断逻辑，直接使用统一的displayView属性即可

内容的提问来源于stack exchange，提问作者los.adrian