Scroll View

A Scroll View is a scrollable container layer.

Overview

A Scroll View layer displays its content within a scrollable content region. As a user scrolls on a screen, the Scroll View adjusts what portion of the underlying content is visible.

The Scroll View container can scroll Horizontally, Vertically, or Both, depending on the Axis that you set in the parameters. It also consists of the Shows Indicators Boolean property, which is a value that indicates whether the Scroll View displays the scroll bar while a user scrolls.

<div class="callout note">Note
‍Scroll View containers do not provide zooming functionality.</div>

A Scroll View has an implicit VStack with a default spacing that automatically adapts to your content. To adjust the spacing and layout in your Scroll View, embed the content in a VStack.