SwiftUI - 在视图中包装 Button，以创建自定义按钮

Question

我正在尝试创建自己的 Button 版本，方法是将其包装在视图中，从而打开添加更多功能/隐藏样式修饰符的能力。我知道这不会带来好处，而且 ButtonStyles 很强大。但是为了超级干净的代码，我对它是如何实现的很感兴趣。

在它最精简的形式中，我想写一些类似的东西（基于 Button 自己的签名）：

struct MyCustomButton: View {
    let action : () -> Void
    let contents : () -> PrimitiveButtonStyleConfiguration.Label

    var body : some View {
        Button(action: self.action) {
            self.contents()
        }
    }
}

然而当我尝试使用它时......

struct MyView : View {
    var body : some View {
        MyCustomButton(action: { doSomething() }) {
            Text("My custom button")
        }
    }
}

...我收到以下编译错误：无法将类型“文本”的值转换为闭包结果类型“PrimitiveButtonStyleConfiguration.Label”

Answer 1

想通了：

struct NewButton<Content: View> : View {
    let content : ()-> Content
    let action: () -> Void

    init(@ViewBuilder content: @escaping () -> Content, action: @escaping () -> Void) {
        self.content = content
        self.action = action
    }

    var body: some View {
        Button(action: self.action) {
            content()
        }
    }
}

Answer 2

您无需更改Button，根据 SwiftUI 设计意图，只需提供自定义ButtonStyle，如下例所示。

struct ScaleButtonStyle: ButtonStyle {
    let bgColor: Color
    func makeBody(configuration: Self.Configuration) -> some View {
        configuration.label
            .background(bgColor)
            .scaleEffect(configuration.isPressed ? 5 : 1)
    }
}

struct DemoScaleButtonStyle: View {
    var body: some View {
        Button(action: { }) {
            Text("Button")
                .foregroundColor(.white)
        }.buttonStyle(ScaleButtonStyle(bgColor: Color.red))
    }
}