SwiftUI Field Guide

Padding

The padding modifier adds padding to a view. It does so by taking the proposed size and subtracting the padding. Likewise, it adds padding to the reported size of its child. When we don't specify additional parameters, the default system padding (16 on this website) is used, and it's applied to all edges.

Color.blue    .padding()

We can also specify an explicit value for the padding:

Color.blue    .padding(
)

Sometimes, negative padding can be useful to break out of the bounds of a view. In the example below, the background gets proposed the size of the text, but the negative padding makes sure the green rectangle is larger.

HStack {    Text("Hello")    Text("World")        .background {            Color.green                .padding(
)        }}.padding(20)

We can also specify padding for specific edges only. For example, we can indent a view by setting padding on the leading edge:

Color.blue    .padding(.leading, 
)

When we're proposing a nil dimension for a view, the padding amount is ignored when we propose to the padding's child. However, when the child reports its size, the padding value is added to the child's size.

Text("Hello World")    .padding()    .background { Color.teal }    .fixedSize()