如何在SwiftUI视图中使用ViewModel属性的泛型类型？

问题分析 #

你遇到的核心问题是：SomeView未声明泛型参数，导致ComponentViewModel被当作存在性类型使用，此时泛型类型信息被擦除，无法直接访问其内部的泛型C。

解决方案 #

方案一：让View与ViewModel绑定泛型 #

让SomeView同样成为泛型结构体，与ComponentViewModel的泛型参数绑定，就能在View内部直接获取具体的泛型类型，这也是类型安全性最高的方案。

修正后的代码示例

// 假设你的Component协议定义如下
protocol Component {}
struct ComponentA: Component {}
struct ComponentB: Component {}

class ComponentViewModel<C: Component>: ObservableObject {
    // 你的ViewModel业务逻辑实现
}

struct SomeView<C: Component>: View {
    @ObservedObject var componentVM: ComponentViewModel<C>

    init(with componentVM: ComponentViewModel<C>) {
        self.componentVM = componentVM
    }

    var body: some View {
        switch C.self {
        case is ComponentA.Type:
            Text("当前是ComponentA类型")
        case is ComponentB.Type:
            Text("当前是ComponentB类型")
        default:
            Text("未知Component类型")
        }
    }
}

方案二：在ViewModel中暴露类型信息（无需View泛型） #

如果不想让View成为泛型，可以在ViewModel中添加属性直接暴露泛型类型，再通过统一协议让View调用：

代码示例

protocol Component {}
struct ComponentA: Component {}
struct ComponentB: Component {}

// 定义协议统一暴露类型信息
protocol ComponentViewModelProtocol: ObservableObject {
    var componentType: Component.Type { get }
}

class ComponentViewModel<C: Component>: ObservableObject, ComponentViewModelProtocol {
    // 暴露泛型类型
    var componentType: Component.Type { C.self }
    
    // 你的ViewModel业务逻辑实现
}

struct SomeView: View {
    @ObservedObject var componentVM: any ComponentViewModelProtocol

    init(with componentVM: any ComponentViewModelProtocol) {
        self.componentVM = componentVM
    }

    var body: some View {
        switch componentVM.componentType {
        case is ComponentA.Type:
            Text("当前是ComponentA类型")
        case is ComponentB.Type:
            Text("当前是ComponentB类型")
        default:
            Text("未知Component类型")
        }
    }
}

关键说明 #

• 泛型View的方案在编译时就能确定类型，完全避免运行时类型转换的风险，推荐优先使用。
• 存在性类型的方案更灵活，适合需要统一处理多种ViewModel类型的场景，但需要额外定义协议来规范接口。

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