SwiftUI composition order of view modifiers for Lessons in SwiftUI blog post (second example)

swiftui-composition-order-2.swift

import SwiftUI

struct MyButtonStyle: ButtonStyle {
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .fixedSize()
        
            // apply size modifiers
            .frame(width: nil, height: 48)
            .padding(.horizontal, 24)
        
            // apply background color AFTER size modifiers
            .background(Color.blue)
            .foregroundColor(Color.white)
        
            // apply corner radius after everything
            .cornerRadius(24)
    }
}

struct MyButtonStyle_Previews: PreviewProvider {
    static var previews: some View {
        Button("Button", action: {})
            .buttonStyle(MyButtonStyle())
    }
}