SwiftUI中键盘弹出时如何让底部View固定？ignoresSafeArea(.keyboard)无效

我之前也碰到过这个头疼的问题！其实核心原因是你可能把ignoresSafeArea(.keyboard)用错了层级——父容器的设置不一定能传递到底部视图上，得直接给需要固定的底部视图加上忽略键盘安全区域的配置才行。

先看修改后的代码，我帮你调整了RoundedTabView的布局：

struct StartView: View {
    @State private var selection = 1
    var body: some View {
        RoundedTabView(selectedTab: $selection)
    }
}

struct RoundedTabView: View {
    @Binding var selectedTab: Int
    
    var body: some View {
        ZStack(alignment: .bottom) {
            // 你的内容视图，比如包含输入框的TestView
            TestView()
            
            // 需要固定在底部的标签容器
            ZStack {
                Text("should be sticked")
                    .padding()
                    .background(Color.gray.opacity(0.2))
                    .cornerRadius(8)
            }
            .frame(maxWidth: .infinity) // 让容器撑满屏幕宽度，确保底部对齐生效
            .ignoresSafeArea(.keyboard) // 关键：让这个视图忽略键盘带来的安全区域变化
            .padding(.bottom, 10) // 可选，加一点内边距避免贴得太死
        }
    }
}

// 模拟包含输入框的TestView
struct TestView: View {
    @State private var inputText = ""
    var body: some View {
        VStack {
            Spacer()
            TextField("输入点什么试试", text: $inputText)
                .padding()
                .border(Color.gray)
                .padding(.horizontal)
            Spacer()
        }
    }
}

我来解释下关键调整：

• 给底部的ZStack设置frame(maxWidth: .infinity)：确保这个容器能撑满屏幕宽度，这样ZStack(alignment: .bottom)的底部对齐才会正确作用在整个屏幕底部。
• 直接给底部容器加上.ignoresSafeArea(.keyboard)：这一步是核心，告诉这个视图“不管键盘弹不弹出，我都要保持在当前的位置，不受键盘安全区域的影响”。
• 额外加了.padding(.bottom, 10)：纯粹是优化体验，避免标签贴在屏幕最边缘，你可以根据需求调整或去掉。

如果上面的方法还没解决问题，可能是你的TestView里有滚动视图（比如ScrollView），这时候需要给滚动视图设置keyboardDismissMode(.interactive)，同时确保滚动视图的内容不会被底部视图遮挡，但这种情况比较少见，先试试上面的方案基本就能解决啦！

备注：内容来源于stack exchange，提问作者kunass2