WWDC22 SALE: Save 50% on all my Swift books and bundles! >>

Other/custom text input in picker

Forums > SwiftUI

Found this thread https://www.hackingwithswift.com/forums/swiftui/other-custom-text-input-in-picker/7067 and wanted to reply but its already archived, so here my 2cts:

I solved it by putting the TextField and Picker in an HStack and sync them so whenever the user selects a value from the picker, that overwrites the value in the TextField. But if the user changes the TextField value to a custom value, that becomes the valid value.

@State private var exchanges = ["ADD NEW", "FWB", "ABC", "DEF"]
@State private var exchange: String = ""

HStack{
  FormField(fieldName: "Exchange", fieldValue: $exchange).textCase(.uppercase)
    .keyboardType(.default)

  Picker("", selection: $exchange) {
    ForEach(exchanges, id: \.self) {
        Text($0)
    }
  }
  .pickerStyle(.automatic)
  }

   

Max provides an alternate solution! Nice.

Did you create a custom component named FormField? Tell us more.

  FormField(fieldName: "Exchange", fieldValue: $exchange).textCase(.uppercase)
    .keyboardType(.default)

   

Yes, sorry missed that one ... :)

The idea was especially for the FormFieldDouble to have one default view for Double types so they all behave consistently and if required I just have to change the formatting in a single spot:

struct FormField: View {
    var fieldName = ""
    @Binding var fieldValue: String

    var body: some View{
        TextField(fieldName, text: $fieldValue)

    }
}

struct FormFieldDouble: View {
    var fieldName = ""
    @Binding var fieldValue: Double

    var body: some View{
        TextField(
            fieldName,
            value: $fieldValue,
            format: .number
        )
    }
}

   

Save 50% in my Black Friday sale.

SAVE 50% To celebrate WWDC22, all our books and bundles are half price, so you can take your Swift knowledge further without spending big! Get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn advanced design patterns, testing skills, and more.

Save 50% on all our books and bundles!

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.