如何修复SwiftUI视图转UIImage的Snapshot方法内容被裁剪的问题

裁剪问题原因 #

你当前使用的intrinsicContentSize无法正确计算包含多行文本等自适应内容的SwiftUI视图尺寸，UIHostingController默认不会主动计算视图完整的自适应大小，导致最终生成的图片尺寸小于视图实际内容尺寸，出现裁剪。

修改后的正确实现 #

直接替换你的View扩展代码即可：

import SwiftUI

extension View {
    func theNewOfficialSnapshot() -> UIImage {
        // 忽略安全区域避免额外边距干扰尺寸计算
        let controller = UIHostingController(rootView: self.ignoresSafeArea())
        guard let view = controller.view else { return UIImage() }

        // 用最大可用尺寸计算视图实际需要的完整大小
        let targetSize = view.sizeThatFits(CGSize(width: CGFloat.greatestFiniteMagnitude, height: CGFloat.greatestFiniteMagnitude))
        view.bounds = CGRect(origin: .zero, size: targetSize)
        view.backgroundColor = .clear

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

可选优化：支持限制最大宽高 #

如果需要固定截图的最大宽度/高度（比如你案例中Text的最大宽度为300），可以使用带参数的扩展版本，尺寸计算更精准：

extension View {
    func theNewOfficialSnapshot(maxWidth: CGFloat = .greatestFiniteMagnitude, maxHeight: CGFloat = .greatestFiniteMagnitude) -> UIImage {
        let controller = UIHostingController(rootView: self.ignoresSafeArea())
        guard let view = controller.view else { return UIImage() }

        let targetSize = view.sizeThatFits(CGSize(width: maxWidth, height: maxHeight))
        view.bounds = CGRect(origin: .zero, size: targetSize)
        view.backgroundColor = .clear

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

调用时传入你需要的最大宽度即可：

let image = self.theNewOfficialSnapshot(maxWidth: 300)

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