如何将对象不同类型变量单独传至子视图并复用ClearButtonView

安全阿岳

2026-6-30

问题解答

1. 这属于泛型的应用场景吗？

是的，这是泛型的典型应用场景。我们需要让ClearButtonView兼容不同类型的可绑定属性（比如Double类型的cost、Int类型的mileage），泛型可以让视图脱离具体类型的限制，实现跨场景复用。

2. 实现方法

我们可以通过泛型+Binding的组合来实现，借助Swift的Numeric协议做类型约束（Double和Int都遵循该协议，且都支持赋值0），让视图能接收任意符合要求的绑定值，点击时将其重置为0。

修改后的ClearButtonView

struct ClearButtonView<Value: Numeric>: View {
    @Binding var value: Value
    
    var body: some View {
        Image(systemName: "xmark.circle.fill")
            .foregroundColor(.secondary)
            .padding(.trailing, 10)
            .onTapGesture {
                value = 0
            }
    }
}

父视图中的使用示例

假设父视图持有@Bindable的Servicing实例，可分别为cost和mileage传入对应绑定：

struct ParentView: View {
    @Bindable var service: Servicing
    
    var body: some View {
        VStack(spacing: 16) {
            HStack {
                TextField("成本", value: $service.cost, format: .currency(code: "CNY"))
                ClearButtonView(value: $service.cost)
            }
            
            HStack {
                TextField("里程", value: $service.mileage, format: .number)
                ClearButtonView(value: $service.mileage)
            }
        }
        .padding()
        .textFieldStyle(.roundedBorder)
    }
}