SwiftUI自定义形状按钮contentShape放置及副作用问题

contentShape 定义的是当前视图层级的命中测试区域，你在label内部给形状加修饰符不生效，本质是SwiftUI默认Button样式的机制问题：

• 系统默认的Button样式（非plain样式）会强制将整个可点击区域锁定为label的外接矩形，不会向内读取子视图单独设置的命中区域配置，所以内部加的contentShape会被默认样式的逻辑覆盖，完全不生效。

直接给Button外层加contentShape没有功能性问题，本身就是SwiftUI命中测试逻辑的合法用法：修饰符的生效顺序是从外向内，给Button本身设置自定义形状，会直接定义整个控件的点击热区，完全覆盖默认的矩形区域。
唯一需要注意的是调用顺序：如果contentShape写在.padding()、.frame()这类调整控件尺寸的修饰符外层，形状会按照调整后的总尺寸映射，可能和你预期的形状大小错位，只要保证contentShape紧贴Button实例调用、放在尺寸调整类修饰符之前就不会有异常。

不需要把contentShape写在外层，只要给Button加上.buttonStyle(.plain)，去掉默认按钮样式强制的矩形热区逻辑，Button就会完全尊重label内部子视图定义的命中区域，这时候把contentShape加在label内的形状上就能正常生效，这也是苹果官方示例中自定义形状按钮的标准写法：

struct ContentView: View {
    let shape = Triangle()

    var body: some View {
        VStack {
            Button {
                print("Tapped: \(Date.now.timeIntervalSince1970)")
            } label: {
                shape
                    .stroke(Color.red, lineWidth: 10)
                    .frame(width: 200, height: 200)
                    .contentShape(shape) // 此处配置可以正常生效
            }
            .buttonStyle(.plain) // 核心：移除默认按钮的矩形热区强制规则
        }
        .padding(32)
    }
}

struct Triangle: Shape {
    func path(in rect: CGRect) -> Path {
        var path = Path()
        path.move(to: CGPoint(x: rect.midX, y: rect.minY))
        path.addLine(to: CGPoint(x: rect.minX, y: rect.maxY))
        path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY))
        path.addLine(to: CGPoint(x: rect.midX, y: rect.minY))
        return path
    }
}

如果需要保留默认按钮的按压反馈效果，又不想在外层写contentShape，也可以自定义一个ButtonStyle，在样式内部把配置好的形状作为contentShape传入，逻辑和外层加修饰符一致，只是封装性更好。

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