Edit this page on Github

ScrollView

A component for displaying a scrollview.

@Component({
  selector: 'sample',
  template: `<ScrollView horizontal="true">
      <View></View>
      <View></View>
    </ScrollView>`
})
export class Sample {}

TODO: document usage of RefreshControl on Android and iOS

Available styles

https://facebook.github.io/react-native/docs/view.html#style

Inputs

Inherits all inputs from high level component

contentContainerStyle: any

To be documented

horizontal: boolean

To be documented

keyboardDismissMode: enum('none', 'on-drag', 'interactive')

To be documented

keyboardShouldPersistTaps: boolean

To be documented

pagingEnabled: boolean

To be documented

scrollEnabled: boolean

To be documented

sendMomentumEvents: boolean

To be documented

showsHorizontalScrollIndicator: boolean

To be documented

showsVerticalScrollIndicator: boolean

To be documented

androidendFillColor: color

To be documented

iosalwaysBounceHorizontal: boolean

To be documented

iosalwaysBounceVertical: boolean

To be documented

iosautomaticallyAdjustContentInsets: boolean

To be documented

iosbounces: boolean

To be documented

iosbouncesZoom: boolean

To be documented

ioscanCancelContentTouches: boolean

To be documented

ioscenterContent: boolean

To be documented

ioscontentInset: any

To be documented

ioscontentOffset: any

To be documented

iosdecelerationRate: number

To be documented

iosdirectionalLockEnabled: boolean

To be documented

iosindicatorStyle: enum('default', 'black', 'white',)

To be documented

iosmaximumZoomScale: number

To be documented

iosminimumZoomScale: number

To be documented

iosscrollEventThrottle: number

To be documented

iosscrollIndicatorInsets: any

To be documented

iosscrollsToTop: boolean

To be documented

iossnapToAlignment: enum('start', 'center', 'end')

To be documented

iossnapToInterval: number

To be documented

iosstickyHeaderIndices: Array<number>

To be documented

ioszoomScale: number

To be documented

Outputs

scroll: EventEmitter<any>

To be documented

scrollBeginDrag: EventEmitter<any>

To be documented

scrollEndDrag: EventEmitter<any>

To be documented

momentumScrollBegin: EventEmitter<any>

To be documented

momentumScrollEnd: EventEmitter<any>

To be documented

Commands

scrollTo(x: number)

To be documented

scrollWithoutAnimationTo(x: number)

To be documented


Getting started

Features

bootstrapAPIsGesturesHttpRouterStyle

Components

ActivityIndicatorHighLevelComponentImagePickerRefreshControlScrollViewSliderSwitchTextTextInputViewWebView
Android
DrawerLayoutPagerLayoutProgressBarToolbar
iOS
DatePickerNavigatorProgressViewSegmentedControlTabBarTabBarItem

Directives

Opacity feedbackRipple feedback