更改文本中单个字符的颜色

如何解决更改文本中单个字符的颜色

是否可以将文本的特定字符更改为与其他字符不同的颜色？我希望前 2 个字符“12”不同。

vstack(alignment: .leading,spacing: 0) {
                        HStack {
                            Text("12Text")
                             .foregroundColor(Color("Orange"))
                             .bold()
                                .font(.system(size: 17.5))
                                .padding(.top)
                             Spacer()

更新：

vstack(alignment: .leading,spacing: 0) {
                HStack(spacing: 0) {
                            Text("12")
                             .foregroundColor(Color("Orange"))
                             .bold()
                                .font(.system(size: 17.5))
                                .padding(.top)
                            
                            HStack(spacing: 0) {
                            Text("Text")
                                .foregroundColor(Color("White"))
                                .padding(.top)
                                Spacer()
                            }

解决方法

您可以在 Text 上使用 + 运算符将它们连接在一起。我为每个 Text 应用了不同的颜色，加入了它们，然后应用了其他修饰符。

VStack(alignment: .leading,spacing: 0) {
    HStack {
        (
            Text("12")
                .foregroundColor(.orange) +
            
            Text("Text")
                .foregroundColor(.red)
        )
        .bold()
        .font(.system(size: 17.5))
        .padding(.top)
        
        Spacer()
    }
}

结果：