SwiftUI 中 TextField 中键入单词的多种颜色

Question

如果是文字我会写

Text("Hello ")+Text("world").foregroundColor(.yellow)

我可以在TextField / TextEditor 中做什么？

Answer 1

我发现了一个可怕的 SwiftUI 解决方案：

@State private var text = "Hello world"

var body: some View {
    VStack {
        ZStack(alignment: .topLeading) {
            
            TextEditor(text: $text)
                .foregroundColor(.clear)
            
            text
                .split(separator: " ")
                .map {
                    if $0 == "world" {
                        return Text($0 + " ").foregroundColor(.red)
                    } else {
                        return Text($0 + " ")
                    }
                }
                .reduce(Text(""), +)
                .padding(.vertical, 8.5)
                .padding(.horizontal, 5)
        }
    }.padding()
}

这种方法的问题：

1. TextEditor 中的文本有一个填充
2. TextEditor 的背景默认是白色的，所以我不得不将它在 ZStack 中向下移动，从而禁用在文本编辑器中触摸 Text 的可能性