SwiftUI 如何扩大按钮的可点击区域?

7 min read

在 SwiftUI 中，可以使用 padding 或者 background 修改按钮的可点击区域。

例如，使用 padding 在按钮周围增加一定的边距：

Button("Click me") {
    // button action
}
.padding(30)

使用 background 在按钮周围添加一个透明的矩形，以增加可点击区域：

Button("Click me") {
    // button action
}
.background(Color.clear)
.frame(width: 200, height: 100)

请注意，使用 background 时，需要将按钮的大小设置为一个固定的值，例如上面的代码中设置了宽度为 200，高度为 100。否则，按钮的大小将会适应内容，导致点击区域大小变化。