CarouselView

CarouselView.swift

import AnySubviews
public import SwiftUI

public struct CarouselView<Content: View>: View {
    let content: Content

    public init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }

    public var body: some View {
        ScrollView(.horizontal) {
            LazyHStack(spacing: 8) {
                BackportGroup(subviews: content) { subviews in
                    ForEach(subviews) { subview in
                        subview
                            .containerRelativeFrame(.horizontal)
                            .scrollTransition { content, phase in
                                content
                                    .scaleEffect(y: phase.isIdentity ? 1 : 0.95)
                            }
                    }
                }
            }
            .scrollTargetLayout()
        }
        .scrollTargetBehavior(.viewAligned(limitBehavior: .always))
        .scrollClipDisabled(true)
        .scrollIndicators(.hidden)
        .shadow(color: Color(white: 0.0, opacity: 0.3), radius: 20.0, x: 0.0, y: 0.0)
        .frame(height: 200)
    }
}

#Preview {
    CarouselView {
        Color.red
        Color.green
        Color.yellow
        Color.blue
    }
    .contentMargins(.horizontal, 16, for: .scrollContent)
}