SwiftUI：如何让底部按钮不被键盘顶起且保证TextField可见？

试试以下两种原生SwiftUI实现方案，能精准满足你的需求：

方案一：手动监听键盘高度，动态调整内容内边距 #

核心逻辑是固定底部按钮在Sheet底部，同时监听键盘高度给内容区域加底部内边距，让TextField自动上移到键盘上方，键盘直接覆盖按钮。

步骤1：定义键盘高度存储（用@State直接实现，简洁高效） #

@State private var keyboardHeight: CGFloat = 0

步骤2：Sheet布局实现 #

@State private var showSheet = false
@State private var inputText = ""

var body: some View {
    Button("打开Sheet") {
        showSheet = true
    }
    .sheet(isPresented: $showSheet) {
        ZStack(alignment: .bottom) {
            // 可滚动的内容容器，确保内容能上移露出TextField
            ScrollView {
                VStack(spacing: 16) {
                    // 你的嵌套DisclosureGroup结构
                    DisclosureGroup("外层分组") {
                        DisclosureGroup("内层分组") {
                            TextField("输入内容", text: $inputText)
                                .textFieldStyle(.roundedBorder)
                                .padding(.horizontal)
                        }
                        .padding(.horizontal)
                    }
                    
                    // 填充空白，让内容有滚动空间
                    Color.clear.frame(height: 300)
                }
                .padding()
                // 根据键盘高度动态添加底部内边距，保证TextField在键盘上方
                .padding(.bottom, keyboardHeight)
            }
            
            // 固定在底部的按钮栏
            HStack(spacing: 16) {
                Button("Cancel") {
                    showSheet = false
                }
                .frame(maxWidth: .infinity)
                .padding()
                .background(Color(.systemGray5))
                .cornerRadius(8)
                
                Button("Enter") {
                    // 处理提交逻辑
                    showSheet = false
                }
                .frame(maxWidth: .infinity)
                .padding()
                .background(Color.accentColor)
                .foregroundColor(.white)
                .cornerRadius(8)
            }
            .padding()
            .background(Color(.systemBackground))
        }
        .onAppear {
            // 监听键盘弹出/收起通知
            let showObserver = NotificationCenter.default.addObserver(
                forName: UIResponder.keyboardWillShowNotification,
                object: nil, queue: .main
            ) { note in
                guard let frame = note.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
                keyboardHeight = frame.height
            }
            
            let hideObserver = NotificationCenter.default.addObserver(
                forName: UIResponder.keyboardWillHideNotification,
                object: nil, queue: .main
            ) { _ in
                keyboardHeight = 0
            }
            
            // 页面消失时移除监听
            defer {
                NotificationCenter.default.removeObserver(showObserver)
                NotificationCenter.default.removeObserver(hideObserver)
            }
        }
        // 关键设置：让Sheet忽略键盘的底部安全区，键盘直接覆盖按钮
        .ignoresSafeArea(.keyboard, edges: .bottom)
    }
}

方案二：用UIHostingController包装Sheet内容（兼容复杂场景） #

如果原生SwiftUI布局有兼容问题，可借助UIKit容器直接控制键盘行为：

// 自定义Sheet内容View
struct SheetContentView: View {
    @Binding var showSheet: Bool
    @State var inputText = ""
    
    var body: some View {
        VStack {
            ScrollView {
                DisclosureGroup("外层分组") {
                    DisclosureGroup("内层分组") {
                        TextField("输入内容", text: $inputText)
                            .textFieldStyle(.roundedBorder)
                            .padding()
                    }
                }
                Spacer(minLength: 300)
            }
            
            Spacer()
            
            HStack {
                Button("Cancel") { showSheet = false }
                Button("Enter") { showSheet = false }
            }
            .padding()
        }
    }
}

// 在主View中使用UIHostingController
.sheet(isPresented: $showSheet) {
    let hostingController = UIHostingController(rootView: SheetContentView(showSheet: $showSheet))
    // 禁止键盘顶起容器
    hostingController.additionalSafeAreaInsets.bottom = 0
    hostingController.view.keyboardDismissMode = .interactive
    return hostingController
}

方案说明 #

• 方案一通过ZStack固定按钮位置，结合键盘高度动态调整内容内边距，既保证TextField可见，又让键盘直接覆盖按钮，完全符合需求。
• 方案二利用UIKit的容器能力，直接控制安全区和键盘交互逻辑，适合SwiftUI原生布局难以处理的复杂场景。

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