How to stack modifiers to create more advanced effects

Paul Hudson    @twostraws    September 18th 2019

Fully updated for Xcode 11.3

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)

Similar solutions…

• SwiftUI tips and tricks
• Composing views to create a list row
• How to create and compose custom views
• Polishing designs with fonts and colors
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?