TextField在Tab视图中将显示键盘上的空格

Question

我在Tab视图中使用文本字段，但是当键盘显示出来时。键盘上有空格

输入图片描述

var body: some View {
TabView {
TestView()
}
}
var body: some View {
VStack {
ScrollView(.vertical, showsIndicators: false) {
ForEach(0..<100) { data in
Text("(data)")
}
}
Spacer()
HStack {
Image(systemName: "paperplane")
TextField("test field", text: $test)
.textFieldStyle(RoundedBorderTextFieldStyle())
}
}
.padding()
.ignoresSafeArea(.keyboard, edges: .bottom)
}

如果我不使用Tab视图，键盘工作完全正常。

输入图片描述

我做了一些搜索，并把. ignoressafearea(。键盘，edge: .bottom)，我不知道为什么还是不行

Answer 1

修饰语应该应用在正确的位置:

HStack {
Image(systemName: "paperplane")
TextField("test field", text: $test)
.textFieldStyle(RoundedBorderTextFieldStyle())
}
.ignoresSafeArea(.keyboard, edges: .bottom)  // << here !!

在Xcode 13.4/iOS 15.5上测试