SwiftUI Keyboard Toolbar Conditional

Question

Not sure if this is a bug or if I'm doing something wrong but if I use:

.toolbar {
    ToolbarItemGroup(placement: .navigationBarLeading) {
        if isFocused == .zipCode {
            Text("Test")
        }
    }
}

When the field equaling zipCode is focused, my text shows up. However, if I do the same thing but use placement: .keyboard is does not, unless I also provide an additional view like this:

.toolbar {
    ToolbarItemGroup(placement: .keyboard) {
        if isFocused == .zipCode {
            Text("Test")
        }
        Text("Default")
    }
}

If I do that, I get the word Default on every keyboard and then on my zipCode field where the keyboard changes to a numberPad it shows Default Test.

I am trying to add a keyboard toolbar item only to the numberPad keyboard. I tried modifying the conditional to be TextField.keyboardType == .numberPad but you can't do that, nor could I get UIKeyboardType == .numberPad to work.

This form has multiple fields and I only want to add a button if the numberPad keyboard is shown. I do not want to add anything if other keyboard types are shown.

This is for SwiftUI (latest) with iOS 15.

ChrisR · Accepted Answer · 2022-03-08 22:22:59Z

1

The .keyboard ToolBar is problematic in general. See: Duplicate toolbar in SwiftUI.
For your question this would work, but I suppose you want buttons...

    .toolbar {
        ToolbarItemGroup(placement: .keyboard) {
            Text(isFocused == .zipCode ? "ZIP" : "")
        }
    }

answered Mar 8, 2022 at 22:22

ChrisR

12.5k1 gold badge19 silver badges40 bronze badges

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

2 Comments

kittonian Over a year ago

I can already do that as per my initial description. The issue is that all the keyboards get a toolbar and I do not want that. I only want the toolbar on a numberPad.

ChrisR Over a year ago

doesn't work in pure SwiftUI. You have to go for UIViewRepresentable

OEZ · Accepted Answer · 2024-07-06 05:54:51Z

0

I'm not sure if you found a solution for this but this appears to work in iOS 17.5.

@FocusState private var focusField: Field?

if focusField == .zipcode {
    ToolbarItemGroup(placement: .keyboard) {
        Spacer()
                
        Button(role: .none) {
            focusNextField()
        } label: {
            Text("next")
        }
    }
}

answered Jul 6, 2024 at 5:54

OEZ

9113 bronze badges

Collectives™ on Stack Overflow

SwiftUI Keyboard Toolbar Conditional

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related