How to control spacing around individual views using padding

Paul Hudson    @twostraws    September 18th 2019

Updated for Xcode 12.0

SwiftUI lets us set individual padding around views using the padding() modifier. If you use this with no parameters you’ll get system-default padding on all sides, like this:

VStack {
    Text("SwiftUI")
        .padding()
    Text("rocks")
}

But you can also customize how much padding to apply and where. So, you might want to apply system padding to only one side:

Text("SwiftUI")
    .padding(.bottom)

Or you might want to control how much padding is applied to all sides:

Text("SwiftUI")
    .padding(100)

Or you can combine the two to add a specific amount of padding to one side of the view:

Text("SwiftUI")
    .padding(.bottom, 100)

Sponsor Hacking with Swift and reach the world's largest Swift community!

Similar solutions…

• SwiftUI tips and tricks
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
• How to use @EnvironmentObject to share data between views
• Building a menu using List
• How to position views in a grid using LazyVGrid and LazyHGrid