UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

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)


BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.

Get it on Hacking with Swift+

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

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

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.