Swift iOS中带.page样式的TabView导致TextField键盘遮挡问题求助

当TabView使用.page样式时，内部的UIPageViewController不会自动处理键盘弹出时的布局适配，导致TextField被键盘遮挡。以下是几种可行的解决方案：

方案一：用ScrollView包裹子视图 #

利用ScrollView的默认键盘适配能力，让视图自动上移：

struct TextView: View {
    @State var textInput = ""

    var body: some View {
        ScrollView {
            VStack{
                Spacer()
                TextField("textfield", text: $textInput)
                    .textFieldStyle(.roundedBorder)
            }
            .padding()
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
        .scrollDismissesKeyboard(.interactively) // 可选：支持滑动关闭键盘
    }
}

方案二：手动监听键盘高度调整布局 #

通过监听键盘通知，动态修改TabView的底部padding：

struct ContentView: View {
    @State private var keyboardHeight: CGFloat = 0
    
    init() {
        UIPageControl.appearance().currentPageIndicatorTintColor = UIColor(Color.red)
        UIPageControl.appearance().pageIndicatorTintColor = UIColor.lightGray
        UIPageControl.appearance().tintColor = UIColor.lightGray
    }
    
    var body: some View {
        TabView{
            anotherView()
            TextView()
            anotherView()
        }
        .edgesIgnoringSafeArea(.all)
        .padding(.bottom, keyboardHeight)
        .frame(
            width: UIScreen.main.bounds.width ,
            height: UIScreen.main.bounds.height
        )
        .tabViewStyle(.page)
        .indexViewStyle(.page(backgroundDisplayMode: .interactive))
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillShowNotification)) { notification in
            guard let frame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
            keyboardHeight = frame.height
        }
        .onReceive(NotificationCenter.default.publisher(for: UIResponder.keyboardWillHideNotification)) { _ in
            keyboardHeight = 0
        }
    }
}

方案三：添加空白底部工具栏 #

通过添加空白的底部工具栏，触发系统自动调整布局：

struct TextView: View {
    @State var textInput = ""

    var body: some View {
        VStack{
            Spacer()
            TextField("textfield", text: $textInput)
                .textFieldStyle(.roundedBorder)
        }
        .padding()
        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                Spacer()
            }
        }
    }
}

推荐优先使用方案一，代码简洁且依赖系统原生行为，适配性更好。

内容的提问来源于stack exchange，提问作者t20e