SwiftUI自定义ButtonStyle后无法通过.blueButtonStyle调用的问题

错误原因 #

你的BlueButtonStyle遵循的是ButtonStyle协议，而非ViewModifier协议，直接用modifier()方法应用它的逻辑是错误的。虽然代码编译通过，但这种错误写法导致编译器无法正确识别该方法适用于Button类型，从而抛出找不到方法的错误。

正确实现方式 #

要实现.blueButtonStyle(...)的调用方式，你需要在View扩展中，通过系统原生的buttonStyle()方法来包装你的自定义样式，而不是直接使用modifier()。

示例代码（带参数版本）

首先定义带参数的自定义ButtonStyle：

struct BlueButtonStyle: ButtonStyle {
    // 示例参数：可根据需求自定义
    let cornerRadius: CGFloat
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding()
            .background(Color(red: 0, green: 0, blue: 0.5))
            .foregroundStyle(.white)
            .clipShape(Capsule())
            .cornerRadius(cornerRadius)
    }
}

然后编写正确的View扩展：

extension View {
    func blueButtonStyle(cornerRadius: CGFloat) -> some View {
        // 通过系统buttonStyle方法传入自定义样式
        self.buttonStyle(BlueButtonStyle(cornerRadius: cornerRadius))
    }
}

无参数版本（如果你的样式不需要参数）

如果你的BlueButtonStyle不需要参数，扩展可以简化为：

extension View {
    func blueButtonStyle() -> some View {
        self.buttonStyle(BlueButtonStyle())
    }
}

使用方式 #

现在你可以直接在Button上调用：

Button("点击测试") {
    // 按钮逻辑
}
.blueButtonStyle(cornerRadius: 8)
// 无参数版本则调用 .blueButtonStyle()

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