Carousel
public struct Carousel<Content> : View where Content : View
Carousel A container view that arranges its child views horizontally, one after the other, with a protion of the next child view visible in the container. It allows users to swipe or scroll through the child views to view fiffeernt piece of content.
Example Initialization and Configuration
Carousel(numberOfColumns: 3, spacing: 8, alignment: .top, isSnapping: true) {
ForEach(0..<16, id: \.self) { i in
Text("Text \(i)")
.font(.title)
.padding()
.frame(height: 100)
.background(Color.gray)
}
}
.padding(8)
.border(Color.gray)
-
Create a Carousel View
Declaration
Swift
public init(numberOfColumns: Int = 1, spacing: CGFloat = 8, alignment: VerticalAlignment = .top, isSnapping: Bool = true, isSameHeight: Bool = false, @ViewBuilder content: @escaping () -> Content)
Parameters
numberOfColumns
Number of columns. The default is 1.
spacing
Horizontal spacing between views. The default is 8.
alignment
Vertical alignment in the carousel. The default is
.top
.isSnapping
Whether it stops at a right position that the first visible subview can be displayed fully after scrolling. The default is
true
.isSameHeight
Whether all subviews have same height which is the maximum height of all subviews
content
The views representing the content of the Carousel
-
Declaration
Swift
public var body: some View { get }