SwiftUI中如何让Overlay单独响应键盘事件，不受父视图ignoresSafeArea影响

解决方案 #

要实现仅Overlay中的TextField响应键盘、父视图固定不动的效果，核心是精准控制单个视图的键盘安全区忽略规则，不要给父容器设置全局的ignoresSafeArea(.keyboard)，而是只让图片部分忽略键盘，TextField所在的Overlay保持默认响应逻辑。

修改后的代码如下：

struct CommentView: View {
    @State var text = ""
    @FocusState private var isFocused: Bool
    
    var body: some View {
        VStack {
            Spacer()
            
            // 固定尺寸的外层容器，确保父视图位置不随键盘变化
            RoundedRectangle(cornerRadius: 20)
                .fill(Color.clear)
                .frame(width: 350, height: 500)
                // 第一层overlay放图片，单独设置忽略键盘安全区
                .overlay(alignment: .center) {
                    Image(uiImage: UIImage(named: "dog.jpeg")!)
                        .resizable()
                        .aspectRatio(contentMode: .fill)
                        .frame(width: 350, height: 500)
                        .ignoresSafeArea(.keyboard)
                }
                // 第二层overlay放TextField，保持默认键盘响应
                .overlay(alignment: .bottom) {
                    VStack {
                        Spacer()
                        
                        TextField("", text: $text, axis: .vertical)
                            .multilineTextAlignment(.center)
                            .focused($isFocused)
                            .submitLabel(.done)
                            .foregroundColor(.white)
                            .padding([.top, .bottom], 8)
                            .padding([.horizontal], 16)
                            .background(Color.black.opacity(0.5))
                    }
                }
                .clipShape(RoundedRectangle(cornerRadius: 20))
                .onTapGesture {
                    isFocused = false
                }
        }
        // 父VStack不设置ignoresSafeArea(.keyboard)，让TextField正常响应键盘
    }
}

关键调整说明：

1. 拆分安全区设置：仅给Image添加ignoresSafeArea(.keyboard)，确保图片和外层容器位置固定；TextField所在的Overlay不做额外设置，默认跟随键盘上移。
2. 固定外层容器尺寸：用透明RoundedRectangle作为外层容器并固定宽高，避免键盘弹出时布局重新计算导致图片拉伸（解决你用ZStack时的放大问题）。
3. 双层Overlay隔离层级：通过两层overlay分别放置图片和输入框，既保证视觉层级正确，又让两者的键盘响应逻辑独立。

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