如何通过any ButtonStyle实现SwiftUI按钮样式动态切换？

问题原因 #

你遇到的报错本质是SwiftUI的.buttonStyle(_:)是泛型方法，要求传入具体的ButtonStyle类型，而any ButtonStyle作为存在类型无法满足泛型约束；改用some ButtonStyle时，又要求所有分支返回同一具体类型，显然你定义的两个Style是不同类型，因此也无法通过编译。

可行解决方案 #

方案1：通过View扩展条件应用样式 #

直接根据配置的appearance字段，在View扩展里分支应用对应样式，完全规避存在类型的问题：

首先定义View扩展：

extension View {
    func applyButtonStyle(from config: ButtonConfiguration) -> some View {
        switch config.appearance {
        case .normal:
            return self.buttonStyle(NormalStyle())
        case .special:
            return self.buttonStyle(SpecialStyle())
        }
    }
}

然后修改按钮代码：

Button(action: action) {
    Text("Foo")
}
.applyButtonStyle(from: buttonConfiguration)

这种方式最直接，完全符合SwiftUI的类型系统要求，代码简洁且无额外性能开销。

方案2：实现类型擦除的ButtonStyle #

如果希望保留buttonConfiguration.style的调用方式，可以自己实现一个类型擦除的AnyButtonStyle，统一包装不同的具体Style：

首先定义类型擦除的Style：

struct AnyButtonStyle: ButtonStyle {
    private let makeBodyClosure: (Configuration) -> AnyView
    
    init<S: ButtonStyle>(_ style: S) {
        makeBodyClosure = { config in
            AnyView(style.makeBody(configuration: config))
        }
    }
    
    func makeBody(configuration: Configuration) -> some View {
        makeBodyClosure(configuration)
    }
}

然后修改ButtonConfiguration的style属性：

struct ButtonConfiguration {
    var appearance: Appearance
    
    var style: AnyButtonStyle {
        switch appearance {
        case .normal:
            return AnyButtonStyle(NormalStyle())
        case .special:
            return AnyButtonStyle(SpecialStyle())
        }
    }
}

现在就可以正常使用原来的按钮代码了：

Button(action: action) {
    Text("Foo")
}
.buttonStyle(buttonConfiguration.style)

补充说明 #

优先推荐方案1，因为类型擦除会带来轻微的性能开销，且方案1的代码更贴合SwiftUI的声明式风格。

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