SwiftUI:在选项卡视图中显示键盘会在第二个选项卡视图下方添加一个奇怪的空间

问题描述

这听起来像是 SwiftUI 的 NavigationViewTabView 中的一个错误,当我有一个 TabView 和(比如说)2 个标签时,第一个标签一个 TextField,而第二个选项卡有一个 NavigationView,请按照以下步骤生成错误

  1. 通过点击文本字段显示键盘
  2. 按“返回”按钮隐藏键盘
  3. 转到选项卡 2。
  4. 注意视图下方奇怪的底部增加的空间,它大约等于键盘的高度。

-注意1:如果您执行以下任何操作,则不会重现该错误

  1. 应用启动后,打开标签 2,返回标签 1 并显示键盘
  2. 从选项卡 2 中删除 NavigationView
  3. 在选项卡 1 中再次显示键盘

注意 2: 我在选项卡 2 中使用 GeometryReader 以黄色显示整个视图区域。

工作代码示例(只需复制粘贴即可尝试):

struct ContentView: View {
    var body: some View {
        TabView {
            View1()
                .tabItem { Text("View1") }
                .tag(1)
            
            View2()
                .tabItem { Text("View2") }
                .tag(2)
        }
    }
}

struct View1: View {
    @State private var myText = ""
    var body: some View {
        vstack {
            Text("this is view 1")
            TextField("Enter Value",text: $myText)
        }
    }
}

struct View2: View {
    var body: some View {
        NavigationView {
            GeometryReader { reader in
                Text("this is view 2")
                    .onAppear{
                        print("view 2 on appear")
                    }
            }
            .background(Color.yellow)
        }
    }
}

截图:

enter image description here

有没有办法在不删除 NavigationView 的情况下解决这个问题,我尝试了所有可能的解决方案,但找不到避免它的线索?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)