Scrolling

Scrolling comes to Rive in the form of two new constraints; one to add touch-based scrolling to overflowed content, and another to create a scroll bar. Both constraints work in conjunction with the existing layout components. We plan to provide generalised scrolling components for quicker setup in future.

​

Content Scrolling

To add scrolling to a Layout Component, select the Layout Component that defines the content region to be scrolled, use the add action within the constraint inspector to add a scroll content constraint.

Once added, use the options fly-out to adjust the scroll direction and physics.

Switch to animate mode and start playback of a State Machine to preview the applied scroll constraint.

​

Creating a Scroll Bar

To create a scroll bar, select a Layout Component acting as the scroll bar thumb. From the constraints inspector, add a Scroll Bar Thumb constraint.

Use the target button within the options panel to connect a scrolling Layout Component.