A dynamic dashed line view for SwiftUI

DashedLine.swift

import SwiftUI

enum DashedLineAlignment {
    case horizontal
    case vertical
}

struct DashedLine: View {
    let alignment: DashedLineAlignment
    let spacing: CGFloat
    let dashes: Int?
    let size: CGFloat
    @State var implicitDashes: Int = 5
    
    init(alignment: DashedLineAlignment, spacing: CGFloat = 25, dashes: Int? = nil, size: CGFloat = 4) {
        self.alignment = alignment
        self.spacing = spacing
        self.dashes = dashes
        self.size = size
    }
    
    var body: some View {
        GeometryReader { geo in
            VHStack(spacing: spacing) {
                ForEach(0..<(dashes ?? implicitDashes), id: \.self) { _ in
                    rectangle
                }
            }
            .onAppear {
                switch alignment {
                case .horizontal:
                    implicitDashes = Int(geo.size.width / 40)
                case .vertical:
                    implicitDashes = Int(geo.size.height / 60)
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
        }
    }
    
    @ViewBuilder
    var rectangle: some View {
        switch alignment {
        case .horizontal:
            Rectangle()
                .frame(height: size)
        case .vertical:
            Rectangle()
                .frame(width: size)
        }
    }

    @ViewBuilder
    func VHStack<Content: View>(spacing: CGFloat, @ViewBuilder content: () -> Content) -> some View {
        switch alignment {
        case .horizontal:
            HStack(spacing: spacing, content: content)
        case .vertical:
            VStack(spacing: spacing, content: content)
        }
    }
}

#Preview("Vertical Dash") {
    DashedLine(alignment: .vertical)
}

#Preview("Horizontal Dash") {
    DashedLine(alignment: .horizontal)
}