如何通过分享面板将透明PNG分享至iMessage？

问题原因 #

直接通过ShareLink分享SwiftUI的Image视图时，系统会将视图渲染为带默认白色背景的位图再进行分享，导致iMessage接收端看到白色背景。而AirDrop或保存图片能保留透明效果，是因为它们处理的是原始图片资源，而非渲染后的视图。

解决方案 #

改为分享原始PNG文件的Data或本地文件URL，让系统直接传递原始图片数据，而非渲染后的视图内容。

修改后的代码 #

import SwiftUI

struct ContentView: View {
    // 获取Bundle中原始PNG图片的Data
    private var pngImageData: Data? {
        guard let imageURL = Bundle.main.url(forResource: "santa", withExtension: "png"),
              let imageData = try? Data(contentsOf: imageURL) else {
            return nil
        }
        return imageData
    }
    
    var body: some View {
        ZStack {
            Image("santa")
            
            if let data = pngImageData {
                ShareLink(item: data,
                          preview: SharePreview("test", image: Image("santa"))) {
                    HStack {
                        Spacer()
                        Label("Share", systemImage: "square.and.arrow.up")
                        Spacer()
                    }
                }
            }
        }
    }
}

#Preview {
    ContentView()
}

关键说明 #

• 直接读取原始PNG文件的二进制数据，而非将SwiftUI的Image视图作为分享项
• 分享预览图仍可使用Image，不影响分享面板的显示效果
• 系统会识别PNG数据的透明通道，iMessage发送时将完整保留原始透明效果

备选方案（分享本地文件URL） #

如果图片体积较大，推荐分享文件URL以优化内存占用：

private var pngFileURL: URL? {
    Bundle.main.url(forResource: "santa", withExtension: "png")
}

// 在ShareLink中使用：
ShareLink(item: pngFileURL!,
          preview: SharePreview("test", image: Image("santa")))

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