在frame之后添加一个.contentShape(Rectangle())。

我相信有几种方法可以实现这一点，但这就是我如何做了一个大按钮与整个区域可点击：

Button(action: { someAction() }, label: {
                Text("OK")
                .frame(minWidth: 200)
                .contentShape(Rectangle())
                .padding()
            })
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(5.0)

我也遇到过同样的问题。只是我不想扩展的覆盖层影响布局的其余部分。如果你把所有东西都嵌入到ZStack中，并在交互对象前放一个矩形，你就可以控制手势的大小。有点像这样：

Rectangle().frame(width: screen.width, height: 300).opacity(0.001)
                    .layoutPriority(-1)

只需要确保将不透明度设置为接近零，这样你就看不到它，并将布局优先级设置为-1，这样它就不会影响视图。

作为上述答案的后续行动，您可以使用这个作为例子放大可点击矩形一整天.

ZStack {
    Image(systemName: secured ? "eye.slash" : "eye")
        .resizable()
        .renderingMode(.template)
        .aspectRatio(contentMode: .fit)
        .frame(width: 16, height: 16)

    Rectangle()
        .frame(width: 22, height: 20)
        .opacity(0.001)
        .onTapGesture {
            self.secured.toggle()
        }
}