| < How to get translucent lists on macOS | How to read the Digital Crown on watchOS using digitalCrownRotation() > |
How to make carousel lists on watchOS
Updated for Xcode 13.0 beta 2
watchOS has a particularly common list style that can easily be replicated using List: rows in the list slide and scale up when they are moving onto the screen, then slide and and scale down when they are moving off the screen. This is particularly effective with chunkier, graphical rows – it’s almost like Apple’s old Cover Flow effect.
To enable this carousel effect, use the .listStyle() modifier with .carousel, like this:
List(1..<51) {
Text("\($0)")
}
.listStyle(.carousel)Important: If you’re using Xcode 12 you need to use CarouselListStyle() rather than .carousel.
Note: this is available only on watchOS.
SPONSORED From August 2nd to 8th you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
