SwiftUI实现容器忽略安全区、内容遵循安全区适配键盘

当前实现将弹出层根容器整体设置为忽略底部安全区，会直接拦截系统键盘弹出时的底部安全区变更事件，导致弹出层无法自动响应键盘位置上移。同时背景和内容共用同一套安全区规则，无法同时满足「背景延伸到安全区外」和「内容跟随键盘避让」两个互斥需求。

核心逻辑是拆分背景层和内容层的安全区策略：

• 白色背景单独设置忽略底部安全区，保证视觉上完全延伸至屏幕最底部
• 内容层保留安全区感知能力，通过监听键盘高度动态调整弹出层偏移，实现和键盘弹出同步的动画效果
• 原有拖拽关闭、位置吸附逻辑完全保留，不影响现有交互

修改后的核心实现代码如下：

import SwiftUI
import Combine

// 弹出层视图内新增键盘高度监听状态
@State private var keyboardHeight: CGFloat = 0
private let keyboardHeightPublisher = NotificationCenter.default
    .publisher(for: UIResponder.keyboardWillShowNotification)
    .merge(with: NotificationCenter.default.publisher(for: UIResponder.keyboardWillHideNotification))
    .map { notification -> CGFloat in
        guard notification.name == UIResponder.keyboardWillShowNotification,
              let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect
        else { return 0 }
        return keyboardFrame.height
    }
    .eraseToAnyPublisher()

var body: some View {
    GeometryReader { geometry in
        VStack {
            self.content
        }
        .padding(.vertical, 34)
        .padding(.horizontal, 16)
        .frame(width: geometry.size.width, height: self.maxHeight, alignment: .top)
        .cornerRadius(Constants.radius)
        // 背景单独挂载，忽略底部安全区实现延伸效果
        .background(
            Color(.white)
                .edgesIgnoringSafeArea(.bottom)
                .padding(.bottom, -max(geometry.safeAreaInsets.bottom, keyboardHeight))
        )
        .frame(height: geometry.size.height + geometry.safeAreaInsets.bottom, alignment: .bottom)
        // 偏移量叠加键盘高度，实现同步上移
        .offset(y: max(self.offset + self.translation - keyboardHeight, 0))
        .animation(.interactiveSpring(), value: keyboardHeight)
        .animation(.interactiveSpring(), value: translation)
        .animation(.interactiveSpring(), value: isOpen)
        .gesture(
            DragGesture().updating(self.$translation) { value, state, _ in
                state = value.translation.height
            }.onEnded { value in
                let snapDistance = self.maxHeight * Constants.snapRatio
                guard abs(value.translation.height) > snapDistance else {
                    return
                }
                self.isOpen = value.translation.height < 0
            }
        )
        .onReceive(keyboardHeightPublisher) { newHeight in
            keyboardHeight = newHeight
        }
    }
    // 根容器仅忽略水平安全区，保留底部安全区感知能力
    .edgesIgnoringSafeArea(.horizontal)
    .shadow(color: Color(hue: 1.0, saturation: 0.0, brightness: 0.0, opacity: 0.08), radius: 12, y: -8)
}

• 移除了根容器上的底部安全区忽略配置，仅保留水平方向安全区忽略，保证视图能正常接收键盘弹出的安全区变更通知
• 将白色背景从内容层拆分出来单独设置安全区忽略，通过负向底部padding填充弹出层和屏幕底部的空隙，不会出现黑边/漏色
• 新增系统键盘帧监听，在弹出层原有偏移逻辑中叠加键盘高度差值，动画参数和原有拖拽动画保持一致，不会出现动画不同步的问题
• 所有原有交互（拖拽关闭、位置吸附、圆角、阴影效果）完全保留，不需要改动现有业务逻辑

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