iOS14 SwiftUI：如何让底部按钮忽略键盘避让且保留滚动视图避让？

要实现底部按钮不被键盘顶起，同时ScrollView内的文本框正常避让键盘，关键是精准控制ignoresSafeArea(.keyboard)的作用范围和边缘，你之前的尝试未生效是因为没有指定正确的edges参数，或修饰符的作用层级不对。

最优解决方案 #

调整结构并给按钮指定仅忽略底部键盘安全区域：

struct ContentView: View {
    @State var text: String = ""
    
    var body: some View {
        VStack(spacing: 0) {
            // 表单区域：自动响应键盘避让
            ScrollView {
                VStack(spacing: 20) {
                    TextField("Testing 1", text: $text)
                        .textFieldStyle(.roundedBorder)
                        .padding()
                    TextField("Testing 2", text: $text)
                        .textFieldStyle(.roundedBorder)
                        .padding()
                    // 添加更多表单元素...
                }
            }
            
            // 底部按钮：固定在屏幕底部，忽略键盘影响
            Button("Validate") {
                // 执行验证逻辑
            }
            .padding()
            .frame(maxWidth: .infinity)
            .background(Color.blue)
            .foregroundColor(.white)
            .ignoresSafeArea(.keyboard, edges: .bottom) // 核心：仅忽略底部键盘安全区域
        }
    }
}

方案生效原因 #

• edges: .bottom 让按钮只忽略键盘带来的底部安全区域扩展，不会跟随父容器上移，始终固定在屏幕底部。
• ScrollView未添加ignoresSafeArea(.keyboard)，会自动调整内容偏移，确保文本框不被键盘遮挡。
• VStack设置spacing:0，让ScrollView自动填充除按钮外的所有可用空间。

备选方案（按钮完全贴屏幕底部） #

如果需要按钮完全贴合屏幕底部（包括超出安全区域），可以用GeometryReader结合ZStack实现：

struct ContentView: View {
    @State var text: String = ""
    
    var body: some View {
        GeometryReader { screenGeo in
            ZStack(alignment: .bottom) {
                // 表单区域：预留按钮高度，自动避让键盘
                ScrollView {
                    VStack(spacing: 20) {
                        TextField("Testing", text: $text)
                            .textFieldStyle(.roundedBorder)
                            .padding()
                        // 更多表单元素
                    }
                    .frame(minHeight: screenGeo.size.height - 60) // 预留按钮高度
                }
                
                // 底部按钮：固定在屏幕最底部
                Button("Validate") {
                    // 执行动作
                }
                .padding()
                .frame(maxWidth: .infinity)
                .background(Color.blue)
                .foregroundColor(.white)
                .ignoresSafeArea(.keyboard)
            }
        }
        .ignoresSafeArea(.all, edges: .bottom) // 让按钮可以超出底部安全区域
    }
}

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