Keyboard Toolbar Padding iOS26

Question

Created 3w

Replies 2

Boosts 3

Participants 2

When I create a SwiftUI toolbar item with placement of .keyboard on iOS 26, the item appears directly on top of and in contact with the keyboard. This does not look good visually nor does it match the behavior seen in Apple's apps, such as Reminders. Adding padding to the contents of the toolbar item only expands the size of the item but does not separate the capsule background of the item from the keyboard. How can I add vertical padding or spacing to separate the toolbar item capsule from the keyboard?

Boost

Answer 1

DTS Engineer OP

Apple

3w

I can’t comment on how Reminders implements this feature, but could you share how you arrived at the conclusion that it’s a keyboard ToolbarItemPlacement and not a custom component?

A different approach might be to use overlay instead that hides and shows based on the keyboard’s appearance?

0

Answer 2

wohclams OP

3w

I assumed it might be a toolbar with keyboard placement based purely on the similarity of the resulting control. The keyboard toolbar I get looks very similar to what I see in Reminders, but with different spacing between it and the keyboard.

A custom component is definitely a viable option - I just assumed the keyboard toolbar might be the preferred approach.

Perhaps another way of asking my question: is it expected for a toolbar with keyboard placement to "touch" the keyboard but have rounded edges in iOS 26? It looks very odd to my eye, hence my assumption that I'm missing some way to customize the padding.

2