ios - 如何指定或更改按钮 SwiftUI 的可点击区域

Question

我刚刚进入 SwiftUI 的世界，所以我不知道这个问题是否有一个非常明显的答案，但基本上我已经创建了一个按钮，并试图让按钮成为两个同心圆。然而，一旦我在模拟器上运行我的代码，我发现我可以点击屏幕上的任何地方，并且按钮将被“按下”(我使用打印语句对其进行了测试)。我想将按钮的可点击区域限制在圆圈的区域或者可能是两个圆圈的正方形区域。
这是我的代码:

    Button(action: {
    print("Do Something")

}) {
    
    Circle().stroke(Color.white, lineWidth: 3)
        .frame(width: 65, height: 65)
        .position(x: x, y: y)
        .overlay(
            Circle().stroke(Color.white, lineWidth: 3)
                .frame(width: 55, height: 55)
                .position(x: x, y: y)
    )

}

这是我在实时预览窗口中单击它时的样子:

Answer 1

您应该删除 .position修饰符，因为它将 View 位置(在您的情况下为按钮内容)切换到全局坐标。
而是使用堆栈布局，如下所示

    VStack {
        Spacer()          // << pushes button down
        Button(action: {
            print("Do Something")

        }) {

            Circle().stroke(Color.white, lineWidth: 3)
                .frame(width: 65, height: 65)
                .overlay(
                    Circle().stroke(Color.white, lineWidth: 3)
                        .frame(width: 55, height: 55)
                )

        }
    }