Create different types of rectangular shapes in SwiftUI

CreateRectangularShapes.swift

//
//  CreateRectangularShapes.swift
//  ThousandDaysOfSwiftUI


import SwiftUI

struct CreateRectangularShapes: View {
    var body: some View {
        NavigationStack {
            VStack {
                // 1. Rectangle
                Rectangle()
                    .frame(width: 100, height: 100)
                
                // 2. Rounded rectangle with corner radius and style
                RoundedRectangle(cornerRadius: /*@START_MENU_TOKEN@*/25.0/*@END_MENU_TOKEN@*/, style: .continuous)
                    .frame(width: 100, height: 100)
                
                // 3. Rounded rectangle with corner size and style
                RoundedRectangle(cornerSize: CGSize(width: 20, height: 10), style: .circular)
                    .frame(width: 100, height: 100)
                
                // 4. Uneven rounded rectangle
                UnevenRoundedRectangle(topLeadingRadius: 30, bottomLeadingRadius: 0, bottomTrailingRadius: 30, topTrailingRadius: 0, style: .continuous)
                    .frame(width: 100, height: 100)
            }
            .navigationTitle("Creating Rectangular shapes")
            .navigationBarTitleDisplayMode(.inline)
        }
    }
}

#Preview {
    CreateRectangularShapes()
        .preferredColorScheme(.dark)
}