SwiftUI - 圆形文本字段

Question

我有一个文本字段：

TextField("Message...", text: $chatViewModel.composedMessage)
          .frame(height: 30)
          .padding(10)
          .background(RoundedRectangle(cornerRadius: 20))
          .foregroundColor(Color(red: 237/255, green: 237/255, blue: 237/255))

它使用正确的foregroundColor创建圆角，但文本颜色也与foregroundColor 相同。

所以如果我改变这个：

.foregroundColor(Color(red: 237/255, green: 237/255, blue: 237/255)) 

至

.foregroundColor(Color.black)

它改变了文本字段的背景颜色，但也改变了文本颜色，所以我永远看不到我在文本字段中实际输入的内容。

Answer 1

为 RoundedRectangle 添加文件颜色。

.background(RoundedRectangle(cornerRadius: 20).fill(Color(red: 237/255, green: 237/255, blue: 237/255))) // Here!!
.foregroundColor(.black)

Answer 2

2022 年，SwiftUI 2.0

TextField("File Name", text: $fileName)
    .textFieldStyle(RoundedBorderTextFieldStyle())

Answer 3

TextField("Email", text: $email)
            .textFieldStyle(.plain)
            .frame(height: 40)
            .clipShape(Capsule())
            .padding()
            .overlay(RoundedRectangle(cornerRadius:10.0).strokeBorder(Color.gray, style: StrokeStyle(lineWidth: 1.0)))
                        .padding()