iOS15下SwiftUI视图转UIImage快照部分截断如何修复

问题原因 #

iOS 15 对 UIHostingController 的安全区适配逻辑做了变更，未挂载到当前窗口的 UIHostingController 会错误计算安全区偏移，导致根视图位置向下偏移，最终生成的截图出现内容偏下、顶部截断的问题。iOS 14 及更早版本没有这一逻辑变更，因此运行正常。

修复方案 #

修改View的snapshot扩展方法，抵消错误的安全区偏移并显式触发布局即可，修复后代码如下：

extension View {
    func snapshot() -> UIImage {
        // 包装原视图，忽略安全区，抵消错误的安全区偏移
        let controller = UIHostingController(rootView: self.ignoresSafeArea())
        guard let view = controller.view else { return UIImage() }

        let targetSize = view.intrinsicContentSize
        view.bounds = CGRect(origin: .zero, size: targetSize)
        view.backgroundColor = .clear
        // 显式触发布局，确保视图位置计算正确
        view.layoutIfNeeded()

        let renderer = UIGraphicsImageRenderer(size: targetSize)
        return renderer.image { _ in
            view.drawHierarchy(in: view.bounds, afterScreenUpdates: true)
        }
    }
}

兼容说明 #

上述改动对iOS 14及更低版本无负面影响，可全版本通用。如果需要更严谨的版本控制，也可以仅针对iOS 15及以上版本添加ignoresSafeArea和layoutIfNeeded逻辑。

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