What are modifiers in SwiftUI?

Modifiers in SwiftUI are methods that are applied to a View and return a new View with altered properties (appearance, behavior, layout). They do not modify the original View but create a modified version of it.

Examples of commonly used modifiers:

• .padding(): Adds padding around the View.
• .frame(width: CGFloat, height: CGFloat, alignment: Alignment): Sets a fixed size for the View.
• .background(Color): Sets the background color of the View.
• .foregroundColor(Color): Sets the color of the View's content.
• .font(Font): Sets the font for text elements.
• .shadow(radius: CGFloat): Adds a shadow to the View.

Modifiers can be chained together to apply multiple changes sequentially to a single View. The order of applying modifiers is important, as each subsequent modifier acts on the result of the previous one.

// Example of a chain of modifiers
Text("Hello, SwiftUI!")
    .padding() // first, padding is added
    .background(Color.blue) // then, a blue background under the padding
    .foregroundColor(.white) // after that, the text becomes white
    .font(.largeTitle) // and finally, the font size is changed