SwiftUI中同一视图编辑不同结构体/模型的实现方案

问题背景 #

需用同一子视图处理Country、Region、Subregion三种结构体的绑定逻辑，避免重复代码。三个结构体均包含id、name、image属性，且遵循Identifiable、Codable、Hashable协议。要求子视图通过Binding接收完整对象而非单个属性，此前尝试泛型时无法访问属性，使用AnyHashable出现类型不匹配问题。

解决方案步骤 #

1. 定义公共协议统一属性接口 #

先创建包含所有共同属性的协议，让三个结构体遵守该协议，为泛型视图提供统一的属性访问入口：

protocol Descriptable: Identifiable, Codable, Hashable {
    var id: Int64? { get set }
    var name: String { get set }
    var image: String { get set }
}

// 修改原有结构体，使其遵守协议
struct Country: Descriptable {
    var id: Int64?
    var name: String
    var image: String
}

struct Region: Descriptable {
    var id: Int64?
    var name: String
    var image: String
}

struct Subregion: Descriptable {
    var id: Int64?
    var name: String
    var image: String
}

2. 改造子视图为泛型视图 #

将ButtonNavigationLink定义为泛型视图，约束类型为Descriptable，既支持多类型绑定，又能通过协议访问公共属性：

struct ButtonNavigationLink<T: Descriptable>: View {
    var descriptorItem: T
    @Binding var selectedItem: T?
    
    var body: some View {
        Button(action: {
            selectedItem = descriptorItem
        }) {
            // 直接通过协议访问属性构建UI
            HStack {
                Image(descriptorItem.image)
                Text(descriptorItem.name)
            }
        }
    }
}

3. 父视图直接调用 #

泛型会自动推断类型，调用方式与原有代码完全一致，无需额外修改：

// 假设finderViewModel中属性类型分别为Country?、Region?、Subregion?
ButtonNavigationLink(descriptorItem: targetCountry, selectedItem: $finderViewModel.referenceCountry)
ButtonNavigationLink(descriptorItem: targetRegion, selectedItem: $finderViewModel.referenceRegion)
ButtonNavigationLink(descriptorItem: targetSubregion, selectedItem: $finderViewModel.referenceSubregion)

核心优势 #

• 公共协议Descriptable解决了泛型无法访问自定义属性的问题
• 泛型视图实现了一次定义、多类型适配，彻底避免重复代码
• 绑定类型与父视图属性完全匹配，消除AnyHashable带来的类型不匹配风险

内容的提问来源于stack exchange，提问作者alex.bour