如何实现单个字符带黄色背景与黑色边框的Text样式？

给每个字符单独加黄色背景和黑色边框，最直接的办法是把原文本拆成单个字符，每个字符用独立的Text组件渲染，再给每个小Text设置样式。

直接上代码实现：

struct CharacterStyledText: View {
    let text: String
    // 可按需调整样式参数
    let bgColor: Color = .yellow
    let borderColor: Color = .black
    let borderWidth: CGFloat = 1
    let charPadding: CGFloat = 2
    let charSpacing: CGFloat = 0

    var body: some View {
        HStack(spacing: charSpacing) {
            // 遍历拆分后的每个字符
            ForEach(Array(text.enumerated()), id: \.offset) { _, char in
                Text(String(char))
                    .padding(.horizontal, charPadding)
                    .background(bgColor)
                    .border(borderColor, width: borderWidth)
            }
        }
    }
}

// 调用示例
struct ContentView: View {
    var body: some View {
        CharacterStyledText(text: "你的目标文本")
            .font(.title)
    }
}

这个方案的优势是完全可控：

• 调整charSpacing可以改变字符间的空隙
• 修改charPadding能调整背景色的左右宽度，让样式更贴合字符
• 字体大小、颜色等样式可以直接在调用时添加

如果用AttributedString的描边（stroke）属性，只能给字符加描边，没法单独给每个字符加背景色和边框，所以拆分字符的方式是最适配需求的。

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