父视图的 macOS SwiftUI 按钮“活动区域”宽度

Question

对于 macOS 应用程序，我喜欢使用 SwiftUI 在其父视图上扩展按钮的宽度。我试过这个： 导入 SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Button(action: {print("TEST")}) {
                Image(systemName: "clock")
                    .frame(width: 25, height: 25, alignment: .center)
                Text("This is a button")
                    .frame(minWidth: 200, idealWidth: 200, maxWidth: .infinity, minHeight: 25, idealHeight: 25, maxHeight: 25, alignment: .leading)
                Image(systemName: "chevron.left")
                    .frame(width: 25, height: 25, alignment: .center)
            }
            .buttonStyle(PlainButtonStyle())
        }
    }
}

它会产生一个看起来与我正在搜索的结果非常相似的结果，但是如果您单击以下应用程序屏幕截图中标记为红色的区域

按钮动作不会触发。此外，第一个图像和文本之间的区域不会触发动作。我还尝试实现自定义 ButtonStyle 但没有成功。如何实现一个按钮在父视图的整个宽度上延伸？

Answer 1

您可以尝试使用 .contentShape(Rectangle())：

Button(action: { print("TEST") }) {
    HStack {
        // ...
    }
    .frame(maxWidth: .infinity)
    .contentShape(Rectangle())
}