Marquee.swift

import SwiftUI

struct ContentView: View {
    @State var animate = false
    let iconSize: CGFloat = 95
    let iconCount = 20
    let iconPadding: CGFloat = 5
    var marqueeWidth: CGFloat {
        (iconSize * CGFloat(iconCount)) + (iconPadding * (CGFloat(iconCount) - 1))
    }
    var body: some View {
        GeometryReader { geo in
            HStack(spacing: iconPadding) {
                ForEach(0..<iconCount, id: \.self) { i in
                    RoundedRectangle(cornerRadius: 21)
                        .frame(width: iconSize, height: iconSize)
                        .foregroundColor(.indigo)
                        .overlay {
                            Text("\(i)")
                        }
                }
            }
            .frame(width: marqueeWidth)
            .offset(
                x: animate ? -(marqueeWidth - geo.size.width) : 0
            )
        }
        .animation(.linear(duration: 10).repeatForever(autoreverses: true), value: animate)
        .onAppear {
            animate.toggle()
        }
    }
}