标签视图中的 TextField 将在键盘上显示 space

Question

我在选项卡视图中使用文本字段，但是当键盘出现时。键盘上有一个space。

enter image description here

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)
    }

如果我在没有选项卡视图的情况下使用，键盘完全可以正常工作。

enter image description here

我搜索了下 .ignoresSafeArea(.keyboard, edges: .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

标签视图中的 TextField 将在键盘上显示 space

TextField In Tab View will show space upon keyboard

keyboard

ios

swiftui

swiftui-tabview

ios15