NEW: My new book Pro SwiftUI is out now – level up your SwiftUI skills today! >>

Day 19 Challenge, TextField formatting options

Forums > 100 Days of SwiftUI


Is there a simple way to format TextField to be empty instead of showing my inputValue while I first launch the app? Currently, I have to delete 0 and than type newValue for conversion. (Or, may be there is a way to delete my default 0 with typing?)

I tried NumberFormatter() option, but it didn't work with my code.

Thank you


I think the easiest way to make custom formatter like this

let numberFormatter: NumberFormatter = {
        let formatter = NumberFormatter()
        formatter.numberStyle = .none
        formatter.zeroSymbol  = ""
        return formatter

And then use it as usual formatter

TextField("Enter number", value: $number, formatter: numberFormatter)


Thank you!


You can also make the number optional but you then have to unwrap it!

struct ContentView: View {
    @State private var number: Int?

    var displayNumber: Int {
        number ?? 0

    var body: some View {
        VStack {
            Text(displayNumber, format: .number)
            TextField("Enter Number", value: $number, format: .number)


Hacking with Swift is sponsored by Judo

SPONSORED Let’s face it, SwiftUI previews are limited, slow, and painful. Judo takes a different approach to building visually—think Interface Builder for SwiftUI. Build your interface in a completely visual canvas, then drag and drop into your Xcode project and wire up button clicks to custom code. Download the Mac App and start your free trial today!

Try now

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

Unknown user

You are not logged in

Log in or create account

Link copied to your pasteboard.