Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – How do I change the font for a SwiftUI Textfiled

I want to change the format, color, for font-style of the input font shown inside textfields as a user enters their information..

I assume this would be a modifier to the TextField view itself?

Thank you

struct ContentView: View {

   @State var email = ""

   var body: some View {
    TextField("email", text: $email)
    //apply modifier here??? 
    }

}

enter image description here

Tags:

2

Answers


  1. 0

    Yes, modifiers work on the TextField:

    TextField("email", text: $email)
            .foregroundColor(.red)
            .font(.system(size: 24, weight: .bold, design: .default))
    Login or Signup to reply.
  2. 0

    If you want your views to follow a style-guide in your app, you could define viewModifier and extension like this.

    struct Primary: ViewModifier {
    private let font: Font
    private let foregroundColor: Color
    
    init(size: CGFloat, foregroundColor: Color) {
        self.font = .system(size: UIFontMetrics.default.scaledValue(for: size))
        self.foregroundColor = foregroundColor
    }

    init(font: Font, foregroundColor: Color) {
        self.font = font
        self.foregroundColor = foregroundColor
    }

    public func body(content: Content) -> some View {
        content
            .font(font)
            .foregroundColor(foregroundColor)
    }
}

extension View {
    func primary() -> some View {
        ModifiedContent(content: self, modifier: Primary(font: .system(size: 13, weight: .semibold, design: .default), foregroundColor: .blue))
    }
}

    And then use it like this

    struct SomeView: View {
    var body: some View {
        Text("Description")
            .primary()
    }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search