How to hide the scroll indicators in ScrollView, List, and more
Updated for Xcode 14.0 beta 1
New in iOS 16
SwiftUI’s scrollIndicators() modifier allows us to determine whether to show the scroll indicators or not – those are the little flashing bars that both give the user a sense of the size of our content, but also allows for a long press scroll.
Use it like this:
struct ContentView: View {
var body: some View {
List(1..<100) { i in
Text("Row \(i)")
}
.scrollIndicators(.hidden)
}
}
Download this as an Xcode project
There are four options available to us, and there are subtle distinctions:
- The default is
.automatic, which is what you’d get without the modifier in place - SwiftUI will do whatever it thinks is best. - Specify
.visibleto get auto-hiding indicators on iOS, or to respect whatever is the user’s preference on macOS. - Use
.hiddento hide the indicators on iOS, and mostly hide them on macOS too – if the user connects a mouse, the scroll indicators will return. - Use
.neverto hide the indicators on iOS and also on macOS, regardless of what pointing device user has.
SPONSORED In-app subscriptions are a pain to implement, hard to test, and full of edge cases. RevenueCat makes it straightforward and reliable so you can get back to building your app. Oh, and it's free if your app makes less than $10k/mo.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
