SwiftUI Button触摸区域异常 可点击范围超出标签显示区域

这个问题本质是SwiftUI布局和命中测试的逻辑特性，和你代码里的写法直接相关：

• 你仅在Button的label内部的HStack上设置了50*50的尺寸，这个约束只对label内部的HStack生效，不会限制Button视图本身的大小。你看到的黄色块是加在内部HStack上的背景，所以视觉上只有50*50，但Button自身的实际布局范围远大于这个值。
• label的HStack里放了Spacer，Spacer的默认行为是尽可能抢占所有可用布局空间。哪怕你给内层HStack设置了固定尺寸，Button的默认命中测试逻辑会识别到label内存在可无限扩展的Spacer，自动将可点击范围扩展到父容器（外层高度50的红色HStack）分配的全部可用空间，最终表现就是整条红色区域点击都能触发按钮动作。
• iOS15及以上系统中，Button的默认样式是AutomaticButtonStyle（非plain样式），系统会自动给按钮添加隐式内边距、做符合HIG的热区放大，进一步扩大了可响应范围。

直接把尺寸约束加在Button本身，同时用plain按钮样式取消系统默认的额外边距即可，不需要在label里套HStack和Spacer做填充：

struct TestView: View {
    var body: some View {
        HStack(spacing: 0) {
            Spacer()
        
            Button {
                print("aaaaaa")
            } label: {
                Color.yellow
            }
            .frame(width: 50.0, height: 50.0)
            .buttonStyle(.plain)
        
            Spacer()
        }
        .frame(height: 50.0)
        .background(Color.red)
    }
}

如果需要保留原有label结构，也可以在Button上显式添加和视觉区域一致的尺寸约束，配合plain样式明确命中测试的边界：

Button {
    print("aaaaaa")
} label: {
    HStack(spacing: 0) {
        Spacer()
    }
    .frame(width: 50.0, height: 50.0)
    .background(Color.yellow)
}
.frame(width: 50, height: 50)
.buttonStyle(.plain)

注意：如果没有特殊需求，不要在固定尺寸的Button label里放Spacer，Spacer的扩展特性很容易干扰按钮的布局和命中区域计算。

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