ScrollView · React NativeScript

<scrollView> is a UI component that shows a scrollable content area. Content can be scrolled vertically or horizontally.

It's important to note that <scrollView> extends ContentView, so it can only have a single child element.

See also:

Official top-level documentation
Detailed API specification
<activityIndicator>

import * as React from "react";

<scrollView orientation="horizontal">
  <stackLayout orientation="horizontal">
    <label text="this" />
    <label text="text" />
    <label text="scrolls" />
    <label text="horizontally" />
    <label text="if necessary" />
  </stackLayout>
</scrollView>

Props

name	type	description
`orientation`	`string`	Sets the direction in which the content can be scrolled: `horizontal` or `vertical`. Default value: `vertical`.
`scrollBarIndicatorVisible`	`boolean`	Specifies if the scrollbar is visible. Default value: `true`.
`onScroll`	`(args:ScrollEventData) => void`	Emitted when a scroll event occurs.

Native component

Android	iOS
`android.view`	`UIScrollView`