SwiftUI - How do I change the text color of a Textfield?
.foregroundColor
actually does change the text color of TextField
but only when it has a default value, for example this will work fine:
TextField(.constant("Hello World"), placeholder: Text("Type here..."))
.foregroundColor(.green)
But once you remove the whole text, text field loses not only its color but the rest of its modifiers such as its alignment as well. This is likely a bug in the current version so I'll file a bug report.
Update: This issue was fixed with Xcode 11 beta 3.
foregroundColor does it.
Text("TEXT")
.font(.footnote)
.bold()
.foregroundColor(Color("ColorAccentWhite"))
.background(Color("ColorGrayTwo"))
.cornerRadius(2)
Text color should be changed for using the Property of text field .foreground color
Updated for Xcode Version 11.1 (11A1027)
SwiftUI
TextField("Email", text: $email)
.textContentType(.emailAddress)
.padding(.init(top: 0, leading: 15, bottom:0 , trailing: 15))
.foregroundColor(.blue)
.textFieldStyle(RoundedBorderTextFieldStyle.init())
Use background()
to set background color and foreground()
to set input text color
struct PlaygroundTestView: View {
@State var searchText = ""
var body: some View {
TextField("Search", text: $searchText)
.font(Font.system(size: 14))
.padding()
.background(RoundedRectangle(cornerRadius: 50).fill(Color.white))
.foregroundColor(.black)
.padding()
.offset(x:8, y: 10)
}
}