Skip to main content
.scrollIndicators(visibility: 'automatic' | 'visible' | 'hidden' | 'never')
.scrollIndicators(props: { visibility?: 'automatic' | 'visible' | 'hidden' | 'never'; axes?: Axis })

​
Overload 1: Simple visibility

​
visibility
string
required
The scroll indicator visibility. One of:
  • "automatic" — system default behavior (show when scrolling, hide when idle)
  • "visible" — always show scroll indicators
  • "hidden" — hide scroll indicators when possible
  • "never" — never show scroll indicators

​
Overload 2: With axis control

​
props
object
required

​
Support

​
Usage

​
Hide scroll indicators

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).scrollIndicators("hidden")

​
Never show indicators

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).scrollIndicators("never")

​
Hide only vertical indicators

ScrollView({ axes: "vertical" }, [
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).scrollIndicators({
    visibility: "hidden",
    axes: "vertical"
})

​
Notes

The difference between "hidden" and "never" is that "hidden" allows the system to show indicators in certain accessibility contexts, while "never" unconditionally hides them.

​
See Also