Border-Fill-Stroke

Border-Fill-Stroke.swift

HStack(spacing: 16) {
    
    // 1
    Rectangle()
        .fill(Color.orange)
        .frame(width: 60, height: 60)
    
    // 2
    Rectangle()
        .stroke(
            Color.red,
            style: .init(lineWidth: 10, lineCap: .round, lineJoin: .round)
        )
        .frame(width: 60, height: 60)
    
    // 3 (1 over 2)
    Rectangle()
        .fill(Color.orange)
        .frame(width: 60, height: 60)
        .overlay(
            Rectangle()
                .stroke(
                    Color.red,
                    style: .init(lineWidth: 10, lineCap: .round, lineJoin: .round)
                )
                .frame(width: 60, height: 60)
        )
    
    // 4
    Rectangle()
        .border(Color.red, width: 10)
        .foregroundColor(.orange)
        .frame(width: 60, height: 60)
    
    // 5
    Rectangle()
        .foregroundColor(.orange)
        .overlay(
            RoundedRectangle(cornerRadius: 10, style: .circular)
                .stroke(lineWidth: 10)
                .foregroundColor(.red)
        )
        .frame(width: 60, height: 60)
    
}