SwiftUI为按钮容器设置ignoresSafeArea未达预期，键盘抬起整个视图

要实现键盘覆盖底部按钮、仅调整TextField位置且不使其顶部移出屏幕的效果，可按以下方式修改代码：

struct ContentView: View {
    @State var text = "Text"
    
    var body: some View {
        VStack(spacing: 0) {
            // 用ScrollView包裹TextField，确保键盘弹出时可滚动保持可见
            ScrollView {
                TextField("TEXT", text: $text)
                    .multilineTextAlignment(.center)
                    .frame(height: 450)
                    .background(Color.blue)
            }
            
            // 占位将按钮推至视图底部
            Spacer()
            
            VStack {
                Button("Button 1", action: {}).frame(height: 50)
                Button("Button 2", action: {}).frame(height: 50)
                Button("Button 3", action: {}).frame(height: 50)
                Button("Button 4", action: {}).frame(height: 50)
                Button("Button 5", action: {}).frame(height: 50)
            }
            // 让按钮区域忽略键盘安全区域，键盘弹出时直接覆盖
            .ignoresSafeArea(.keyboard)
        }
        .border(Color.green, width: 10)
    }
}

核心调整说明： #

• ScrollView包裹TextField：当键盘弹出挤压布局时，ScrollView允许用户滚动查看TextField的全部内容，避免顶部区域移出屏幕视野。
• Spacer固定按钮位置：通过Spacer占据TextField与按钮之间的剩余空间，确保无键盘时按钮始终显示在屏幕底部。
• .ignoresSafeArea(.keyboard)：指定按钮区域不响应键盘带来的安全区域变化，键盘弹出时不会向上顶起按钮，而是直接覆盖按钮区域，符合需求的交互逻辑。

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