How to create a reusable CustomTextField?

Question

We can create reusable views like CardView confirming to View protocol. Like that how can we create custom reusable text fields?

As we use a TextField provided in SwiftUI like

TextField("Enter your name", text: $name)

Similarly how to create your own reusable TextField with a specific style (cornerRadius, borders)

Example: CustomTextField("Enter your name", text: $name)

Answer 1

You can't subclass in SwiftUI. You can create a reusable component based around a TextField or create a modifier in order to style the TextFields throughout your app.

I would recommend the modifier approach:

struct MyTextFieldModifier: ViewModifier {
    func body(content: Content) -> some View {
        content
            .padding(8.0)
            .background(Color.white.cornerRadius(8.0))
            .shadow(radius: 24.0)
            .padding()
    }
}

And then to use it:

TextField("Title", text: self.$text)
  .modifier(MyTextFieldModifier()) // Your TextField will now have a shadow and a background.