SwiftUI中如何将占位符文本替换为图片？

你遇到的核心问题是：LocalizedStringKey的插值是编译时处理的，运行时字符串拼接无法保留视图的类型信息。直接用replacingOccurrences或者字符串拼接生成的内容，只会把Image转成它的描述字符串（比如Image(provider: ...)），而不是渲染成实际的图标。

可行解决方案：解析模板字符串并拼接视图 #

我们可以通过解析模板字符串，拆分普通文本和占位符，再将占位符替换为对应的视图，最后拼接成完整的Text内容。这种方式支持任意位置的多个占位符：

import SwiftUI
import Foundation

extension Text {
    static func fromTemplate(_ template: String, placeholders: [String: TextComponent]) -> Text {
        var result = Text("")
        let regex = try! NSRegularExpression(pattern: #"\{(\w+)\}"#)
        let range = NSRange(template.startIndex..., in: template)
        var lastPosition = template.startIndex
        
        regex.enumerateMatches(in: template, range: range) { match, _, _ in
            guard let match = match,
                  let fullRange = Range(match.range, in: template),
                  let keyRange = Range(match.range(at: 1), in: template) else { return }
            
            // 添加占位符前的普通文本
            result += Text(String(template[lastPosition..<fullRange.lowerBound]))
            
            // 替换占位符为对应视图
            let key = String(template[keyRange])
            if let component = placeholders[key] {
                result += component
            } else {
                // 如果没有对应占位符，保留原占位符文本
                result += Text(String(template[fullRange]))
            }
            
            lastPosition = fullRange.upperBound
        }
        
        // 添加最后一段普通文本
        result += Text(String(template[lastPosition...]))
        return result
    }
}

// 使用示例
struct ContentView: View {
    var body: some View {
        Text.fromTemplate(
            "Hello {world}, welcome to {swift}!",
            placeholders: [
                "world": Image(systemName: "globe"),
                "swift": Image(systemName: "swift")
            ]
        )
        .font(.title)
    }
}

为什么之前的方法无效？ #

• 直接调用replacingOccurrences时，"\(Image(...))"会触发Image的description方法，生成的是视图的调试描述字符串，而非可渲染的视图结构。
• LocalizedStringKey的插值是编译时的语法糖：Swift会把Text("Hello \(Image(...))")转换成特殊的存储结构，保留视图的类型信息；但运行时通过字符串拼接生成的LocalizedStringKey，已经丢失了这些类型信息，只能当作普通字符串处理。

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