How to disable implicit Button padding on watchOS 11?

On watchOS 11, buttons now have an implicit leading and trailing padding which is similar in length to the .scenePadding.

This works well in most cases, but sometimes it would be useful to be able to change the padding or remove it altogether, to fit with the rest of the screen's design.

Is there any way currently to remove this padding? Thank you.

Answered by Frameworks Engineer in 800753022

Hi luksape, the padding accompanies the button style and shape. In this case, it seems that all of these buttons are form fields, and I would expect them to all use the default list style, which will give them a rounded-rect shape.

When you use a bordered style, as it seems you have overridden for the bottom two buttons, the button becomes capsule-shaped and is inset to distinguish from rounded-rect buttons.

In lists, buttons default to a rounded-rect shape assuming that they are an option in the list, that when tapped selects that option and (often) navigates the list horizontally. It is appropriate to override to a bordered style when the button has some different, non-standard action; like the "Add Workout" button at the bottom of Workout's main list, which adds an item to the list.

If you want to depict some third, custom kind of button shape or padding, you can implement a custom button style.

In this UI, with all buttons representing form fields, I would use the default, rounded-rect list style.

Hi luksape, the padding accompanies the button style and shape. In this case, it seems that all of these buttons are form fields, and I would expect them to all use the default list style, which will give them a rounded-rect shape.

When you use a bordered style, as it seems you have overridden for the bottom two buttons, the button becomes capsule-shaped and is inset to distinguish from rounded-rect buttons.

In lists, buttons default to a rounded-rect shape assuming that they are an option in the list, that when tapped selects that option and (often) navigates the list horizontally. It is appropriate to override to a bordered style when the button has some different, non-standard action; like the "Add Workout" button at the bottom of Workout's main list, which adds an item to the list.

If you want to depict some third, custom kind of button shape or padding, you can implement a custom button style.

In this UI, with all buttons representing form fields, I would use the default, rounded-rect list style.

How to disable implicit Button padding on watchOS 11?
 
 
Q