为什么 SwiftUI 中的 .gesture() 不能在我的整个模态视图上使用?

Question

我有一个非常简单的LostPasswordView，使用SwiftUI。此表单显示为模态视图。我使用 .onTapGesture 和 DragGesture(( 来关闭键盘。

问题在于，只有文本字段周围的一小部分视图响应这些手势。这不会改善用户体验，因为它对这些操作的工作位置感到困惑。

为什么我不能在所有 SwiftUI 模式视图上使用该手势？我在想这可能是因为已经有一个向下滑动的手势来关闭模态视图......

import SwiftUI
//MARK: Lost password view presented as a modal
struct LostPasswordView: View {
@State var email = ""
var body: some View {
//MARK: User entry
VStack {
///email
UserEntryTextField(title: TextFieldName.email.rawValue,
userEntry: email
)
.padding(.top, 198)
Spacer()
//MARK: Modify password button
MainButton(action: {},
title: .modifyPassword)
}
.padding(.bottom)
.onTapGesture {
self.dismissKeyboard()
}.simultaneousGesture(
DragGesture().onChanged({ (_) in
self.dismissKeyboard()
}))
}
}
//MARK: Dismiss keyboard
extension LostPasswordView {
func dismissKeyboard() {
UIApplication.shared.dismissKeyboard()
}
}

Answer 1

为VStack指定.frame修饰符，如下所示(可能需要一些背景，因为透明容器不跟踪事件(

VStack {
...
}
.background(Color.white)
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)