Q: Bug on Form and TextField [SwiftUI]

Question

When I use TextField in Form, the correct value is not displayed until tap the field.

The name field is initially displayed dummy and change to shuji when tapped.

If I change Form to VStack, initial value is displayed.

ContentView.swift

import SwiftUI

struct User {
    var name: String
    var email: String
}

struct ContentView: View {
    @Binding var user: User
    @State private var name: String = "dummy"
    @State private var email: String = ""

    var body: some View {
        NavigationView {
            Form {
                TextField("Name", text: $name)
                TextField("Email", text: $email)
            }
            .navigationTitle("Edit user")
            .toolbar {
                Button("Save") {
                    user.name = name
                    user.email = email
                }
            }
        }
        .onAppear {
            name = user.name
            email = user.email
        }
    }
}

FormTestApp.swift

import SwiftUI

@main
struct FormTestApp: App {
    @State var user = User(name: "shuji", email: "[email protected]")
    var body: some Scene {
        WindowGroup {
            ContentView(user: $user)
        }
    }
}

Tested on iPhone 12 iOS 15.1, and Simulator iOS 15.0

I wonder was this working in iOS 14.x ?

user4150758
– user4150758

2021-11-04 08:23:33 +00:00
Commented Nov 4, 2021 at 8:23 — user4150758
– user4150758, Commented Nov 4, 2021 at 8:23

workingdog support Ukraine · Accepted Answer · 2021-10-27 10:13:23Z

4

To "make it work", move the .onAppear {...} to just after a TextField, like this:

struct ContentView: View {
    @Binding var user: User
    @State private var name: String = "dummy"
    @State private var email: String = ""
    
    var body: some View {
        NavigationView {
            Form {
                TextField("Name", text: $name)
                TextField("Email", text: $email)
                    .onAppear {   // <--- here
                        name = user.name
                        email = user.email
                    }
            }
            .navigationTitle("Edit user")
            .toolbar {
                Button("Save") {
                    user.name = name
                    user.email = email
                }
            }
        }.navigationViewStyle(.stack)
    }
}

answered Oct 27, 2021 at 10:13

workingdog support Ukraine

38.9k5 gold badges47 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user4150758 Over a year ago

I had the same issue in iOS 15 and this actually worked. Thanks!

Collectives™ on Stack Overflow

Q: Bug on Form and TextField [SwiftUI]

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related