问题描述
是否可以将文本的特定字符更改为与其他字符不同的颜色?我希望前 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()
}
}
结果: