3

I'm trying to use UITextField in SwiftUI. I've created a custom struct for UITextField and made a Bindable String, which holds the input text. When I'm trying to pass the input text back to the viewModel, it doesn't work. For the sake of comparing, I placed SwiftUI Textfield in the code and it works Could someone please help?

import SwiftUI

final class RegistrationViewViewModel: ObservableObject {
    @Published var firstName: String = "" {
        didSet {
            print(oldValue)
        }
        willSet {
            print(newValue)
        }
    }

    @Published var lastName: String = "" {
        didSet {
            print(oldValue)
        }
        willSet {
            print(newValue)
        }
    }

    func saveData() {
        print("Saving...", firstName, lastName)
    }
}


struct RegistrationView: View {
    @ObservedObject var viewModel = RegistrationViewViewModel()

    var body: some View {
        VStack(spacing: 50) {
            TextField("Last name", text: $viewModel.lastName)
                .frame(width: 300, height: 35, alignment: .center)
                .border(Color(.systemGray))

            CustomTextField(inputText: $viewModel.firstName, placeholder: "First name")
                .frame(width: 300, height: 35, alignment: .center)
                .border(Color(.systemGray))

            Button(action: {
                self.viewModel.saveData()
            }) {
                Text("Submit")
            }
        }
    }
}
struct CustomTextField: UIViewRepresentable {
    var inputText: Binding<String>
    var placeholder: String

    func makeUIView(context: Context) -> UITextField {
        let textfield = UITextField(frame: .zero)
        textfield.delegate = context.coordinator
        textfield.placeholder = placeholder
        return textfield
    }

    func updateUIView(_ uiView: UITextField, context: Context) {}

    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }

    class Coordinator: NSObject, UITextFieldDelegate {
        var parent: CustomTextField

        init(_ parent: CustomTextField) {
            self.parent = parent
        }

        func textFieldShouldReturn(_ textField: UITextField) -> Bool {
            textField.resignFirstResponder()
            return true
        }
    }
}

Attila Marosi
  • 144
  • 1
  • 8
  • 1
    See for example [this solution](https://stackoverflow.com/a/59115092/12299030)... and there many others here just [search](https://stackoverflow.com/search?q=UITextField+UIViewRepresentable) – Asperi May 17 '20 at 17:33

1 Answers1

-1

try to set your updateUIView function as below:

func updateUIView(_ uiView: UITextField, context: Context) {
     uiView.text = inputText
}