Creating Form UI in SwiftUI

Question

I am trying to write a basic UI of a form to capture details about a restaurant. I will capture details like:

"NAME", placeHolder: "Fill in the restaurant name", "TYPE", placeHolder: "Fill in the restaurant type", "ADDRESS", placeHolder: "Fill in the restaurant address", "PHONE", placeHolder: "Fill in the restaurant phone", "DESCRIPTION", placeHolder: "Fill in the restaurant description",

I have designed the basic TextField model, stylised it and since I will have to reuse this style across all the entries in the form (as mentioned above) I decided to put the code in a Struct in a different SwiftUI file. Till here it is all fine and dandy now since the data is in a different file, I am getting struck at re-using this Struct data in ContentView. Any help or guidance will help me immensely.

Also, perhaps a silly question but is there any way to create a TextField without using a @State variable?

import Foundation
import SwiftUI

struct LabelTextField: View {

    @State private var restaurant: String = ""

    var label: String
    var placeHolder: String

    var body: some View {
     VStack(alignment: .leading){
         Text("NAME")
                .font(.headline)
                 TextField("Enter Restaurant Name", text: $restaurant)
                 .padding(.all)
                 .background(Color(red: 239.0/255.0, green: 243.0/255.0, blue: 244.0/255.0, opacity: 1.0))
                 .cornerRadius (5.0)
         } .padding(.horizontal, 15)
 }
}

user3441734 · Accepted Answer · 2020-03-13 19:48:23Z

3

You are almost there. You just need to pass the required variables to the LabelTextField. And TextField requires a Binding variable. I've updated your code to function as expected. Hope this helps. Happy coding.

struct ContentView: View {
    @State private var restaurant: String = ""

    var body: some View {
        VStack {
            LabelTextField(label: "NAME", placeHolder: "Fill in the restaurant name", restaurant: $restaurant)
            Text("Restaurant name - \(restaurant)")
        }
    }
}

struct LabelTextField: View {
    var label: String
    var placeHolder: String
    @Binding var restaurant: String

    var body: some View {
        VStack(alignment: .leading) {
            Text(label)
                .font(.headline)
            TextField(placeHolder, text: $restaurant)
                .padding(.all)
                .background(Color(red: 239.0/255.0, green: 243.0/255.0, blue: 244.0/255.0, opacity: 1.0))
                .cornerRadius (5.0)
        }
        .padding(.horizontal, 15)
    }
}

edited Mar 13, 2020 at 19:48

user3441734

17.7k3 gold badges45 silver badges63 bronze badges

answered Mar 13, 2020 at 18:56

Felix Marianayagam

2,8342 gold badges15 silver badges30 bronze badges

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

3 Comments

Felix Marianayagam Over a year ago

Did you check my code. I meant that it needs a state variable to be passed to it as a binding type.

Felix Marianayagam Over a year ago

I understand. I took those lines form the question posted. Updated the answer.

A Abhishek Over a year ago

Thanks. I checked the code and it worked flawlessly.

Collectives™ on Stack Overflow

Creating Form UI in SwiftUI

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related