如何在SwiftUI的SharePreview中使用系统图标（systemImage）？

原因说明 #

SharePreview目前不支持直接传入systemImage作为预览图标——虽然编译不会报错，但运行时无法正确渲染系统图标。这是因为系统图标属于矢量符号，而SharePreview的图标参数底层期望的是可直接编码为数据的位图资源（比如Asset目录的图片或UIImage），系统图标的渲染逻辑和SharePreview的处理流程不兼容，导致预览时显示空白。

解决办法 #

方法1：将systemImage转换为UIImage后传入

通过UIGraphicsImageRenderer把系统图标渲染成位图格式的UIImage，再传入SharePreview：

func systemImageToUIImage(systemName: String, size: CGSize = CGSize(width: 64, height: 64)) -> UIImage {
    let config = UIImage.SymbolConfiguration(pointSize: size.width)
    guard let sysImage = UIImage(systemName: systemName, withConfiguration: config) else {
        return UIImage()
    }
    let renderer = UIGraphicsImageRenderer(size: size)
    return renderer.image { context in
        sysImage.draw(in: CGRect(origin: .zero, size: size))
    }
}

// 使用示例
SharePreview("我的分享内容", image: systemImageToUIImage(systemName: "star.fill"))

方法2：导出系统图标为静态资源

如果不需要动态切换图标，直接把目标系统图标导出为PNG/JPG格式，添加到项目的Assets.xcassets中，然后像普通图片一样使用：

SharePreview("我的分享内容", image: Image("star_fill"))

补充说明 #

虽然Apple的官方文档没有明确标注SharePreview不支持systemImage，但实际测试中确实存在这个兼容性问题，转换为位图资源后就能正常显示预览图标。

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