SwiftUI中协议类型属性使用报错的解决方法

问题场景 #

你定义了包含Section的Observable模型，Section中存储any ProductViewStyle类型的样式属性，初始化模型时可正常工作，但在SwiftUI视图中调用.productViewStyle()方法时触发错误：

Type 'any ProductViewStyle' cannot conform to 'ProductViewStyle'

模型定义 #

@Observable class Model {
       
    struct Section: Identifiable {
        var id: String {
            return title
        }
        let title: String
        let products: [String]
        let productViewStyle: any ProductViewStyle
    }

    let sections: [Section]
    
    init(sections: [Section]) {
        self.sections = sections
    }
}

初始化模型（正常工作） #

let test = InAppPurchase.Products.Model(sections: [
    InAppPurchase.Products.Model.Section(title: "test", products: ["testProdutID"], productViewStyle: .large)
])

视图中报错代码 #

ProductView(id: test.sections.first!.products.first!)
    .productViewStyle(test.sections.first!.productViewStyle)

问题原因 #

ProductViewStyle是带关联类型的SwiftUI协议，使用any进行类型擦除后会丢失关联类型的具体信息。而.productViewStyle()方法要求接收具体遵循该协议的类型实例，编译期需要明确关联类型的实现，因此擦除后的any ProductViewStyle无法直接满足要求。

解决方案 #

方案一：泛型+类型擦除包装器（适合样式灵活扩展的场景） #

将Section改为泛型结构体，通过包装器擦除具体类型，同时保留应用样式的能力：

@Observable class Model {
    // 泛型Section，持有具体的ProductViewStyle类型
    struct Section<Style: ProductViewStyle>: Identifiable {
        var id: String { title }
        let title: String
        let products: [String]
        let productViewStyle: Style
    }

    // 用类型擦除的AnySection统一存储不同样式的Section
    let sections: [AnySection]
    
    init<Styles: Sequence>(sections: Styles) where Styles.Element == Section<any ProductViewStyle> {
        self.sections = sections.map(AnySection.init)
    }

    // 类型擦除包装器，封装应用样式的逻辑
    struct AnySection: Identifiable {
        let id: String
        let title: String
        let products: [String]
        private let applyStyle: (ProductView) -> ProductView

        init<Style: ProductViewStyle>(section: Section<Style>) {
            self.id = section.id
            self.title = section.title
            self.products = section.products
            self.applyStyle = { view in
                view.productViewStyle(section.productViewStyle)
            }
        }

        // 对外暴露应用样式的方法
        func applyStyle(to view: ProductView) -> ProductView {
            applyStyle(view)
        }
    }
}

使用方式

// 创建模型
let test = InAppPurchase.Products.Model(sections: [
    InAppPurchase.Products.Model.Section(title: "test", products: ["testProdutID"], productViewStyle: .large),
    InAppPurchase.Products.Model.Section(title: "small", products: ["smallID"], productViewStyle: .small)
])

// 视图中使用
if let section = test.sections.first, let productID = section.products.first {
    section.applyStyle(to: ProductView(id: productID))
}

方案二：枚举封装固定样式（适合样式种类有限的场景） #

如果ProductViewStyle只有固定几种实现，可用枚举列举所有可能，通过枚举值获取具体样式：

// 定义枚举，对应所有可用的ProductViewStyle
enum ProductStyleCase {
    case large
    case small
    // 扩展更多样式...
}

// 给枚举添加属性，返回对应的具体样式实例
extension ProductStyleCase {
    var style: any ProductViewStyle {
        switch self {
        case .large:
            return ProductViewStyle.large
        case .small:
            return ProductViewStyle.small
        }
    }
}

// 修改模型，存储枚举而非any类型
@Observable class Model {
    struct Section: Identifiable {
        var id: String { title }
        let title: String
        let products: [String]
        let productStyleCase: ProductStyleCase
    }

    let sections: [Section]
    
    init(sections: [Section]) {
        self.sections = sections
    }
}

使用方式

// 创建模型
let test = InAppPurchase.Products.Model(sections: [
    InAppPurchase.Products.Model.Section(title: "test", products: ["testProdutID"], productStyleCase: .large)
])

// 视图中使用
if let section = test.sections.first, let productID = section.products.first {
    ProductView(id: productID)
        .productViewStyle(section.productStyleCase.style)
}

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