Make a button click update the state var in a text field

Question

louiscouture OP

Created Dec ’20

Replies 1

Boosts 0

Views 2.0k

Participants 2

My question seems very simple yet I can not find a solution yet. This is a minimal example of my problem,

Code Block //
//  ContentView.swift
//  update
//
//  Created by Louis Couture on 2020-12-10.
//
import SwiftUI
struct ContentView: View {
    @State var number = 0;
    var body: some View {
        Text(String(number));
        TextField("enter number", value: $number, formatter: NumberFormatter())
        Button(action: {print("what do do here")}, label: {
            Text("save");
        })
        
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

How do I make it so whenever I click the save button, the value in the text field gets passed to state var number and displaying it without the user having to press enter ?

Answered by OOPer in 652776022

How do I make it so whenever I click the save button, the value in the text field gets passed to state var number and displaying it without the user having to press enter ?

One possible solution may be giving up using NumberFormatter.

Code Block struct ContentView: View {
    @State var number = 0
    @State var numberText: String = "0"
    var body: some View {
        Text("\(number)")
        TextField("enter number", text: $numberText)
        Button(action: {
            number = Int(numberText) ?? 0
        }) {
            Text("save")
        }
    }
}

Boost

Answer 1

OOPer OP

Dec ’20

Accepted Answer

How do I make it so whenever I click the save button, the value in the text field gets passed to state var number and displaying it without the user having to press enter ?

One possible solution may be giving up using NumberFormatter.

Code Block struct ContentView: View {
    @State var number = 0
    @State var numberText: String = "0"
    var body: some View {
        Text("\(number)")
        TextField("enter number", text: $numberText)
        Button(action: {
            number = Int(numberText) ?? 0
        }) {
            Text("save")
        }
    }
}

1