SwiftUI Text无法显示NSTextAttachment嵌入图片问题求助

核心结论 #

SwiftUI的Text组件不支持直接渲染NSTextAttachment。你遇到的问题是因为NSTextAttachment是UIKit框架专属属性，SwiftUI的Text在解析AttributedString时会忽略这类UIKit特有的附件内容，因此图片无法显示，但粗体、斜体等跨框架兼容的文本属性能正常渲染。

解决方案 #

方案1：封装UILabel为SwiftUI视图 #

既然UILabel能正常显示带NSTextAttachment的富文本，可通过UIViewRepresentable将其封装为SwiftUI可用的视图：

struct UIKitLabel: UIViewRepresentable {
    let attributedString: NSAttributedString
    
    func makeUIView(context: Context) -> UILabel {
        let label = UILabel()
        label.numberOfLines = 0
        label.attributedText = attributedString
        return label
    }
    
    func updateUIView(_ uiView: UILabel, context: Context) {
        uiView.attributedText = attributedString
    }
}

在SwiftUI视图中调用：

var body: some View {
    UIKitLabel(attributedString: NSMutableAttributedString(attributedString))
}

方案2：iOS 16+ 使用SwiftUI原生方式嵌入图片 #

从iOS 16开始，SwiftUI的AttributedString支持直接嵌入图片，无需依赖NSTextAttachment：

var attributedString: AttributedString {
    var sampleAttributedString = AttributedString(sampleText)
    // 添加粗体、斜体属性...
    
    if let image = UIImage(named: "audio.png") {
        var imageAttr = AttributeContainer()
        // baselineOffset 调整图片垂直对齐位置
        imageAttr.inlineImage = .init(image: image, baselineOffset: -2)
        let imageString = AttributedString(NSAttributedString(string: " "), attributes: imageAttr)
        sampleAttributedString.append(imageString)
    }
    
    sampleAttributedString.append(AttributedString("End of text"))
    return sampleAttributedString
}

直接用SwiftUI Text渲染：

var body: some View {
    Text(attributedString)
}

方案3：简单布局组合（适用于结构简单的场景） #

如果富文本结构不复杂，可直接用SwiftUI的布局组件组合文本与图片：

var body: some View {
    HStack(alignment: .center, spacing: 4) {
        Text(sampleText)
            .fontWeight(.bold)
            .italic()
        Image("audio.png")
            .resizable()
            .frame(width: 16, height: 16)
        Text("End of text")
    }
}

内容的提问来源于stack exchange，提问作者Crazed'n'Dazed