SwiftUI 如何设置可编辑文本 TextEditor 背景颜色?

8 min read

可以使用 .background() 修饰符来为 TextEditor 设置背景颜色,示例代码如下:

struct ContentView: View {
    @State private var text: String = ""
    
    var body: some View {
        VStack {
            TextEditor(text: $text)
                .background(Color.yellow)
        }
    }
}

上述代码中,将一个 TextEditor 放入 VStack 中,并通过 .background(Color.yellow) 设置其背景颜色为黄色。可以根据需要将 Color.yellow 替换为其它颜色或自定义颜色。

需要注意的是,如果同时设置了 .background().cornerRadius() 等修饰符,可能会出现边角区域无法填充背景色的情况。此时可以考虑使用 ZStackoverlay() 修饰符来解决问题。