SwiftUI input currency format in a text field (from right to left)

try this

import SwiftUI

class Model: ObservableObject {
    @Published var txt = ""
    var value: Double {
        (Double(self.txt) ?? 0.0) / 100
    }
}

struct ContentView: View {
    @ObservedObject var model = Model()
    var body: some View {
        let binding = Binding<String>(get: { () -> String in
            return String(format: "%.2f", self.model.value)
        }) { (s) in
            var s = s
            s.removeAll { (c) -> Bool in
                !c.isNumber
            }
            self.model.txt = s
        }
        return TextField("0.00", text: binding).keyboardType(.numbersAndPunctuation)
            .padding()
            .border(Color.red)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

here is the result

in case somebody is still interested in this:

SwiftUI input currency format in a text field (from right to left)

There is no native SwiftUI for this: First Part: You will need to build swifUI component as struct that implements UIViewRepresentable: Here is an interesting example: I converted it to to mask phone number but using simple function instead of custom model. How can you move the cursor to the end in a SwiftUI TextField?

Second Part: You will need to clean (remove in order to adapt this one) the above example little bit and you add this part here. Minor renaming/reconnecting but it works like a charm.

https://stackoverflow.com/a/26569727/15909145 Interesting part the post is done in 2014. Very nice.

The idea is to use some kind of custom proxy for formatting the text on the fly:

struct ContentView: View {
    @State var someNumber = 123

    var body: some View {
        let formattedNumber = Binding<String>(
            get: {
                switch self.someNumber {
                case ..<0: return "???"
                case ..<10: return "0.0\(self.someNumber)"
                case ..<100: return "0.\(self.someNumber)"
                case 100...: return String(format: "%02f", Double(self.someNumber)/100)
                default: return "???"
                }
        },
            set: {
                if let value = NumberFormatter().number(from: $0) {
                    self.someNumber = value.intValue
                }
            }
        )

        return TextField("Number", text: formattedNumber)
      }
}

_{Warning: This answer contains some UX issues when user is typing, but it answers the original question}

_{Recommendation: For this type of textfields, I recommend to use custom responder that responds to keyboard and text events instead of default TextField}