没有文本内容的 SwiftUI 按钮操作

Question

我有两个彼此相邻的按钮。一种用于开始录音，一种用于播放。当我点击播放按钮时，我看到记录了“play clicked”。当我点击录制按钮时，没有任何反应。当我在记录按钮文本中添加一个字母时，它被记录得很好。

为什么我不能在 SwiftUI 中使用带有空文本的按钮？

Button(action: {
    print("record clicked")
}) {
    Text("")
}
.frame(width: 55, height: 55)
.background(Color.red)
.cornerRadius(9999)

Button(action: {
    print("play clicked")
}) {
    Image(systemName: "play")
        .foregroundColor(.white)
        .font(.system(size: 30))
}
.frame(width: 55, height: 55)
.background(Color.green)
.cornerRadius(9999)

Answer 1

他们通过标签内容来确定按钮的可点击区域，但对于空文本几乎为零，所以让它引人注目，比如

Button(action: {
    print("record clicked")
}) {
    Text("")
        .padding()     // << this !!
}

经测试可与 Xcode 13/iOS 15 一起使用