Scroll

This is View component with scroll prop set to true by default to enable scrollbar for overflowing content.

Refer to View Props for reference.

Because of browser quirks related to flex layout, View with scroll mode enabled will have an extra inner div element that wraps children content.

When to Use Scroll View?

Scroll component is useful when you want:

1. Scrollable content within a predefined container (not the entire browser or app screen)
2. Multiple scrolling sections in one screen, each having a scrollbar in different directions
3. To make sure content is accessible in all screen sizes for a fully responsive design.

Examples

Scroll Directions

Scrollbar Customisation