SwiftUI键盘规避机制将内容推入导航栏被遮挡问题解决求助

你遇到的问题根源是固定布局的VStack没有滚动能力，系统默认键盘规避机制会将整个视图整体上移以保证底部元素可见，最终导致顶部内容被导航栏遮挡。你之前尝试调整ignoresSafeArea(.keyboard)没有效果，是因为这个修饰符只是关闭了系统对键盘安全区的适配，会导致所有靠下的输入框被键盘直接遮挡，无法实现「仅被遮挡时上移」的需求。

方案1：使用ScrollView嵌套输入项（推荐，无需自定义逻辑） #

这是最省心的实现方式，系统会自动适配键盘弹出逻辑：仅当当前选中的输入框会被键盘遮挡时才滚动内容，选中顶部输入框时不会触发上移，键盘直接覆盖底部内容，完全符合你的预期。
修改后的完整代码如下：

struct Settings: View {
    @State private var input1: String = ""
    @State private var input2: String = ""
    @State private var input3: String = ""
    @State private var input4: String = ""
    @State private var input5: String = ""
    
    init() {
        let coloredAppearance = UINavigationBarAppearance()
        coloredAppearance.configureWithTransparentBackground()
        coloredAppearance.backgroundColor = .gray

        UINavigationBar.appearance().standardAppearance = coloredAppearance
        UINavigationBar.appearance().compactAppearance = coloredAppearance
        UINavigationBar.appearance().scrollEdgeAppearance = coloredAppearance
    }
    
    var body: some View {
        NavigationView {
            // 新增ScrollView作为根容器
            ScrollView {
                VStack(spacing: 16) {
                    Group {
                        VStack {
                            Text("Input 1")
                                .frame(maxWidth: .infinity, alignment: .leading)
                            TextField("", text: $input1)
                                .disableAutocorrection(true)
                                .padding()
                                .overlay(RoundedRectangle(cornerRadius: 5).stroke(.gray))
                        }
                    }
                    Group {
                        VStack {
                            Text("Input 2")
                                .frame(maxWidth: .infinity, alignment: .leading)
                            TextField("", text: $input2)
                                .disableAutocorrection(true)
                                .padding()
                                .overlay(RoundedRectangle(cornerRadius: 5).stroke(.gray))
                        }
                    }
                    Group {
                        VStack {
                            Text("Input 3")
                                .frame(maxWidth: .infinity, alignment: .leading)
                            TextField("", text: $input3)
                                .disableAutocorrection(true)
                                .padding()
                                .overlay(RoundedRectangle(cornerRadius: 5).stroke(.gray))
                        }
                    }
                    Group {
                        VStack {
                            Text("Input 4")
                                .frame(maxWidth: .infinity, alignment: .leading)
                            TextField("", text: $input4)
                                .disableAutocorrection(true)
                                .padding()
                                .overlay(RoundedRectangle(cornerRadius: 5).stroke(.gray))
                        }
                    }
                    Spacer()
                }
                .padding(.horizontal, 16)
                .padding(.top, 12)
            }
            .navigationBarTitle("Header", displayMode: .inline)
        }
        // 移除全局ignoresSafeArea，若需要适配特殊场景可指定忽略范围，例如 .ignoresSafeArea(.container, edges: .bottom)
    }
}

本次修改的核心点：

• 用ScrollView替代原有根容器，保留内部VStack的布局和间距
• 移除了NavigationView上的全局ignoresSafeArea()修饰符，避免内容无限制顶入导航栏区域
• 给内容区添加了合适的边距，保持原有的视觉效果

方案2：自定义键盘偏移逻辑（无滚动需求时使用） #

如果要求必须使用固定布局、不能出现滚动效果，可以自行监听键盘状态实现精准偏移：

1. 用NotificationCenter监听UIResponder.keyboardWillShowNotification和UIResponder.keyboardWillHideNotification获取键盘高度
2. 用@FocusState跟踪当前激活的输入框
3. 计算当前激活输入框的底部位置，如果大于（屏幕高度 - 键盘高度），才给整个VStack添加向上的偏移量，否则偏移量设为0

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