SwiftUI生成图片后无法通过ShareSheet分享图片问题求助

问题根源 #

1. Sheet打开时机错误：点击按钮后立刻触发分享面板，但generatedImage的State更新是异步生效的，此时生成的图片还未完成赋值，分享面板只能拿到默认图片（甚至可能为nil）。
2. UIImage直接分享的兼容性：部分分享渠道对UIImage类型的支持不佳，直接传递UIImage可能导致无法正常识别。

修复步骤 #

1. 调整分享面板触发时机 #

移除按钮中直接打开分享面板的代码，改为监听generatedImage的状态变化，当图片生成完成后再自动打开分享面板：

struct FriendsView: View {
    @State private var showShareSheet = false
    @State private var image = UIImage(named: "Kort")!
    @State private var description = "Some text here"
    @State private var generatedImage: UIImage?

    var body: some View {
        VStack {
            Button(action: {
                generateImage()
            }) {
                Image(systemName: "square.and.arrow.up")
                    .frame(width: 25, height: 25)
            }
            .sheet(isPresented: $showShareSheet) {
                ShareSheetViewTESTER(imageToShare: generatedImage ?? self.image, descriptionToShare: self.description)
            }
            // 监听生成图片的状态，完成后打开分享面板
            .onChange(of: generatedImage) { newImage in
                if newImage != nil {
                    showShareSheet = true
                }
            }
        }
    }
    
    // 原generateImage函数保持不变
    func generateImage() {
        if let imageFromBundle = UIImage(named: "Kort") {
            let textToOverlay = "Text to be put on the photo"
            
            let imageRenderer = UIGraphicsImageRenderer(size: imageFromBundle.size)
            let generatedImage = imageRenderer.image { context in
                imageFromBundle.draw(at: .zero)
                
                let paragraphStyle = NSMutableParagraphStyle()
                paragraphStyle.alignment = .center
                paragraphStyle.lineBreakMode = .byWordWrapping
                
                let attributes: [NSAttributedString.Key: Any] = [
                    .font: UIFont.systemFont(ofSize: 20),
                    .foregroundColor: UIColor.black,
                    .paragraphStyle: paragraphStyle
                ]
                
                let textNSString = textToOverlay as NSString
                let textSize = textNSString.boundingRect(with: CGSize(width: imageFromBundle.size.width, height: .greatestFiniteMagnitude), options: .usesLineFragmentOrigin, attributes: attributes, context: nil).size
                
                let textRect = CGRect(x: 0, y: 170, width: imageFromBundle.size.width, height: textSize.height)
                
                textNSString.draw(in: textRect, withAttributes: attributes)
            }
            
            self.generatedImage = generatedImage
        }
    }
}

2. 优化分享数据格式 #

将UIImage转换为PNG数据后再传递给分享面板，提升兼容性：

struct ShareSheetViewTESTER: UIViewControllerRepresentable {
    var imageToShare: UIImage
    var descriptionToShare: String

    var itemsToShare: [Any] {
        // 将UIImage转换为PNG数据，确保分享渠道能正确识别
        guard let imageData = imageToShare.pngData() else {
            return [descriptionToShare]
        }
        return [imageData, descriptionToShare]
    }

    func makeUIViewController(context: Context) -> UIActivityViewController {
        let activityVC = UIActivityViewController(activityItems: itemsToShare, applicationActivities: nil)
        return activityVC
    }

    func updateUIViewController(_ uiViewController: UIActivityViewController, context: Context) {}
}

额外建议 #

• 若生成的图片文字位置不符合预期，可以调整textRect的y值，确保文字在图片可见范围内。
• 测试时优先尝试系统自带的分享渠道（如邮件、信息），确认正常后再测试第三方应用。

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