SwiftUI视图靠近安全区自动调整，拖拽时顶部内收缩减如何解决

问题根因 #

该布局跳动是UIHostingController默认的安全区适配逻辑导致的：当承载SwiftUI视图的容器被拖拽到屏幕边缘时，UIHostingController会自动感知父视图的安全区变化，调整自身内部的安全区 inset，触发SwiftUI视图重新计算布局。即使在SwiftUI侧添加了.ignoresSafeArea()修饰符，也无法阻断UIKit层的安全区调整逻辑，最终表现为顶部padding异常收缩。

解决方案 #

方案1：iOS 16+ 极简适配 #

iOS 16 为UIHostingController新增了ignoresSafeAreaEdges属性，直接设置该属性即可完全禁用它的安全区适配逻辑，只需修改一行代码：

let contentVc = UIHostingController(rootView: Content())
// 新增以下代码
if #available(iOS 16.0, *) {
    contentVc.ignoresSafeAreaEdges = .all
}

该方案改动最小，优先推荐适配iOS 16及以上版本的项目使用。

方案2：全版本兼容方案 #

如果需要支持iOS 16以下的系统，可以新增一层空白中间容器，隔绝UIHostingController和父视图的安全区通信：

1. 新增中间容器属性声明：

// 控制器内新增属性
var containerView = UIView()

2. 修改viewDidLoad中的视图挂载逻辑，将SwiftUI视图先加到中间容器，再挂载到控制器根视图：

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .orange
    
    let contentVc = UIHostingController(rootView: Content())
    addChild(contentVc)
    contentView = contentVc.view
    let contentHeight = contentView.sizeThatFits(view.bounds.size).height
    // 中间容器和SwiftUI视图尺寸一致
    containerView.frame = CGRect(x: 0, y: 200, width: view.bounds.width, height: contentHeight)
    contentView.frame = containerView.bounds
    contentView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    containerView.addSubview(contentView)
    view.addSubview(containerView)
    contentVc.didMove(toParent: self)
    
    // 拖拽手势绑定到中间容器
    let drag = UIPanGestureRecognizer(target: self, action: #selector(drag(_:)))
    containerView.addGestureRecognizer(drag)
}

3. 修改拖拽逻辑，直接操作中间容器的位置即可：

var startingPoint = CGPoint.zero
@objc func drag(_ gesture: UIPanGestureRecognizer) {
    switch gesture.state {
    case .began:
        startingPoint = containerView.frame.origin
    case .changed:
        let location = gesture.translation(in: view)
        containerView.frame.origin.y = startingPoint.y + location.y
    default:
        break
    }
}

以上两种方案都可以完全避免拖拽到边缘时的布局跳动问题，SwiftUI侧的.ignoresSafeArea()修饰符可以保留，确保内部布局不会额外适配安全区。

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