< How to color the padding around a view

How to stack modifiers to create more advanced effects

Paul Hudson @twostraws February 9th 2021

Updated for Xcode 12.5

Each modifier you add to a view adjusts whatever came before it, and you’re able to repeat modifiers more than once.

For example, we could add padding and a background color around a text view, then add some more padding and a different background color, then add some more padding and a third background color, all to make a particular effect:

Text("Forecast: Sun")
    .font(.largeTitle)
    .foregroundColor(.white)
    .padding()
    .background(Color.red)
    .padding()
    .background(Color.orange)
    .padding()
    .background(Color.yellow)

This is particularly useful for things like shadows, where you can create stronger shadow effects by repeating them as often as you need.