SwiftUI TextField Simple Example not working

Question

I tried to create a very simple TextField in SwiftUI but I cannot get it to work and I don't understand what I am doing wrong.

Xcode gives me an error message that says:

"Unable to infer complex closure return type; add explicit type to disambiguate."

I am not sure what to do. I found some other code examples for TextFields with SwiftUI on StackOverflow but keep getting the same error.

struct TextFieldExample : View {
    @State var email: String = "Enter email address"
    var body: some View {
        VStack {
            TextField($email)
            Text("Your email is \(email)!")
        }
    }
}

struct ButtonTextField : View {
    @State var text: String = ""

    var body: some View {
        HStack {
            TextField($text,
                      placeholder: Text("type something here..."))
            Button(action: {
                // Closure will be called once user taps your button
                print(self.$text)
            }) {
                Text("SEND")
            }
        }
    }
}

Expected results = working TextField Actual result = Error in Xcode

What is the purpose of declaring that TextField struct? You're effectively redeclaring SwiftUI's native TextField. — Russian
– Russian, Commented Jun 12, 2019 at 19:25
@JulianSilvestri I saw the other example you linked to but it also gives me an error in Xcode that says "Cannot invoke initializer for type 'TextField' with an argument list of type... — mikereining
– mikereining, Commented Jun 12, 2019 at 19:28
@Russian I just want to have a working TextField example and I have not managed to either create one or get one to work from all the code samples I have found online. Xcode 11 is always showing an error message. — mikereining
– mikereining, Commented Jun 12, 2019 at 19:30
i think your error is due to you having a view declared as your text view. why not just have the same view and add TextField in your hstack — Julian Silvestri
– Julian Silvestri, Commented Jun 12, 2019 at 19:32

thiezn · Accepted Answer · 2019-08-09 11:27:11Z

4

It seems the TextField view has been changed in a recent beta release. You should be able to create one using something like this:

struct MyView {
    @State var myInput: String = ""
    var body: some View {
      TextField("placeholder text", text: $myInput)
    }
}

answered Aug 9, 2019 at 11:27

thiezn

2,0341 gold badge19 silver badges27 bronze badges

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

Comments

Vikram Chaudhary · Accepted Answer · 2019-09-02 11:52:40Z

1

In the recent beta release of Xcode TextField has been changed.

@State var email: String = ""

    var body: some View {
       TextField("Email", text: $email, onEditingChanged: { (isChanges) in
           // On Editing Changed
       }) {
           // On Commit
       }
       .padding(.leading, 13).padding(.trailing, 13).padding(.top, UIScreen.main.bounds.size.height / 2)
       .textContentType(.emailAddress)
       .textFieldStyle(RoundedBorderTextFieldStyle.init())
    }

answered Sep 2, 2019 at 11:52

Vikram Chaudhary

5904 silver badges14 bronze badges

Comments

DenFav · Accepted Answer · 2019-06-12 19:38:52Z

0

First of all do you really need to combine these Views into a custom view? If yes than:

@State and BindableObject should be passed into the view to the property marked with @Binding keyword

Don't use the same name as some of the native classes have

struct MyTextField : View {

@Binding var email: String

var body: some View {
    VStack {
        Text("Your email is \(email)!")
        TextField($email, placeholder: Text("Enter your email"))
    }
  }
}

Call it like this

@State private var email: String = ""

var body: some View {
    MyTextField(email: $email)
}

answered Jun 12, 2019 at 19:38

DenFav

2,8211 gold badge20 silver badges31 bronze badges

Comments

Krunal Patel · Accepted Answer · 2020-01-09 06:34:53Z

0

TextField like SearchView - XCODE 11.3

struct SearchBarV: View {

     @State var text: String = ""
     var onEditingChanged: (Bool) -> Void = { _ in }
     var onCommit: () -> Void = { }

     var body: some View {

         GeometryReader { metrics in
             TextField("placeholder", text: self.$text, onEditingChanged: self.onEditingChanged, onCommit: self.onCommit)
            .background(Color.gray.opacity(0.1))
            .padding(EdgeInsets(top: 0.0, leading: 16.0, bottom: 0, trailing: 16.0))
            .frame(width: metrics.size.width, height: 50)
            .keyboardType(.emailAddress)
        }

    }
}


 struct SearchBarV_Previews : PreviewProvider {
     static var previews: some View {
        SearchBarV()
     }
 }

edited Jan 9, 2020 at 6:34

answered Jan 9, 2020 at 6:14

Krunal Patel

1,6911 gold badge18 silver badges22 bronze badges

Collectives™ on Stack Overflow

SwiftUI TextField Simple Example not working

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related