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 = ""

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

  Picker("", selection: $exchange) {
    ForEach(exchanges, id: \.self) {


Max provides an alternate solution! Nice.

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

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


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{
            value: $fieldValue,
            format: .number


Hacking with Swift is sponsored by Fernando Olivares

SPONSORED Fernando's book will guide you in fixing bugs in three real, open-source, downloadable apps from the App Store. Learn applied programming fundamentals by refactoring real code from published apps. Hacking with Swift readers get a $10 discount!

Read the book

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.