如何在 SwiftUI 中用图像替换占位符文本

我通过回答this one来回答这个问题，它激起了我的兴趣.正如我在回答中所说，秘诀在于LocalizedStringKey、when initialised with an interpolated string literal能够构建对SwiftUIImage类型的引用，这些类型可以在Text中呈现.

因为您没有使用内插字符串文字，所以您可以像这里的其他答案一样，将值乘以Texts，或者使用LocalizedStringKey.StringInterpolation来做一些聪明的事情.这种方法的优点是，您还可以在使用LocalizedStringKey的任何其他视图中使用图像保存文本(这几乎是任何显示文本的视图).

LocalizedStringKey上的此扩展将手动构建内插字符串:

extension LocalizedStringKey {

    private static let imageMap: [String: String] = [
        "world": "globe",
        "moon": "moon"
    ]

    init(imageText: String) {
        var components = [Any]()
        var length = 0
        let scanner = Scanner(string: imageText)
        scanner.charactersToBeSkipped = nil
        while scanner.isAtEnd == false {
            let up = scanner.scanUpToString("{")
            let start = scanner.scanString("{")
            let name = scanner.scanUpToString("}")
            let end = scanner.scanString("}")
            if let up = up {
                components.append(up)
                length += up.count
            }
            if let name = name {
                if start != nil, end != nil, let imageName = Self.imageMap[name] {
                    components.append(Image(systemName: imageName))
                    length += 1
                } else {
                    components.append(name)
                }
            }
        }

        var interp = LocalizedStringKey.StringInterpolation(literalCapacity: length, interpolationCount: components.count)
        for component in components {
            if let string = component as? String {
                interp.appendInterpolation(string)
            }
            if let image = component as? Image {
                interp.appendInterpolation(image)
            }
        }

        self.init(stringInterpolation: interp)
    }
}

如果这些值来自API，您可能想要缓存它们，我还没有在呈现循环中判断这段代码的性能.

您可以在Text或任何其他视图上添加分机:

extension Text {
    init(imageText: String) {
        self.init(LocalizedStringKey(imageText: imageText))
    }
}

因此，您可以这样做:

Text(imageText: "Hello {world}! or {moon} or {unmapped}")

这为您提供了: