ScrollView
Props
accessibilityLabel
accessibilityLabel: ReasonReact.reactElement=?
accessible
accessible: bool=?
hitSlop
hitSlop: Types.insets=?
reference:
Types.rei
type insets = {
.
"left": int,
"right": int,
"top": int,
"bottom": int,
};
onAccessibilityTap
onAccessibilityTap: unit => unit=?
onLayout
onLayout: RNEvent.NativeLayoutEvent.t => unit=?
reference:
module NativeLayoutEvent: {
type t;
type layout = {
x: float,
y: float,
width: float,
height: float
};
let layout: t => layout;
};
onMagicTap
onMagicTap: unit => unit=?
responderHandlers
responderHandlers: Types.touchResponderHandlers=?
reference:
Types.rei
type touchResponderHandlers = {
onMoveShouldSetResponder: option(RNEvent.NativeEvent.t => bool),
onMoveShouldSetResponderCapture: option(RNEvent.NativeEvent.t => bool),
onResponderGrant: option(RNEvent.NativeEvent.t => unit),
onResponderMove: option(RNEvent.NativeEvent.t => unit),
onResponderReject: option(RNEvent.NativeEvent.t => unit),
onResponderRelease: option(RNEvent.NativeEvent.t => unit),
onResponderTerminate: option(RNEvent.NativeEvent.t => unit),
onResponderTerminationRequest: option(RNEvent.NativeEvent.t => unit),
onStartShouldSetResponder: option(RNEvent.NativeEvent.t => bool),
onStartShouldSetResponderCapture: option(RNEvent.NativeEvent.t => bool)
};
RNEvent.rei
module NativeEvent: {
type t;
let changedTouches: t => array(Js.t({..}));
let identifier: t => int;
let locationX: t => float;
let locationY: t => float;
let pageX: t => float;
let pageY: t => float;
let target: t => Js.t({..});
let touches: t => array(Js.t({..}));
let timestamp: t => int;
let data: t => string;
};
pointerEvents
pointerEvents: [
| `auto
| `boxNone
| `boxOnly
| `none
]=?
removeClippedSubviews
removeClippedSubviews: bool=?
style
style: Style.t=?
testID
testID: string=?
accessibilityComponentType
accessibilityComponentType: [
| `button
| `none
| `radiobutton_checked
| `radiobutton_unchecked
]=?
accessibilityLiveRegion
accessibilityLiveRegion: [
| `assertive
| `none
| `polite
]=?
collapsable
collapsable: bool=?
importantForAccessibility
importantForAccessibility: [
| `auto
| `no
| `noHideDescendants
| `yes
]=?
needsOffscreenAlphaCompositing
needsOffscreenAlphaCompositing: bool=?
renderToHardwareTextureAndroid
renderToHardwareTextureAndroid: bool=?
accessibilityTraits
accessibilityTraits:
list(
[
| `adjustable
| `allowsDirectInteraction
| `button
| `disabled
| `frequentUpdates
| `header
| `image
| `key
| `link
| `none
| `pageTurn
| `plays
| `search
| `selected
| `startsMedia
| `summary
| `text
],
)=?
accessibilityViewIsModal
accessibilityViewIsModal: bool=?
shouldRasterizeIOS
shouldRasterizeIOS: bool=?
contentContainerStyle
contentContainerStyle: Style.t=?
horizontal
horizontal: bool=?
keyboardDismissMode
keyboardDismissMode: [
| `interactive
| `none
| `onDrag
]=?
keyboardShouldPersistTaps
keyboardShouldPersistTaps: [
| `always
| `handled
| `never
]=?
onContentSizeChange
onContentSizeChange: ((float, float)) => unit=?
onScroll
onScroll: RNEvent.NativeScrollEvent.t => unit=?
reference:
RNEvent.rei
module NativeScrollEvent: {
type t;
type point = {
x: float,
y: float
};
type size = {
width: float,
height: float
};
type contentInset = {
bottom: float,
top: float,
left: float,
right: float
};
let contentOffset: t => point;
let contentSize: t => size;
let contentInset: t => contentInset;
let layoutMeasurement: t => size;
};
pagingEnabled
pagingEnabled: bool=?
refreshControl
refreshControl: ReasonReact.reactElement=?
scrollEnabled
scrollEnabled: bool=?
showsHorizontalScrollIndicator
showsHorizontalScrollIndicator: bool=?
showsVerticalScrollIndicator
showsVerticalScrollIndicator: bool=?
stickyHeaderIndices
stickyHeaderIndices: list(int)=?
overScrollMode
overScrollMode: [
| `always
| `auto
| `never
]=?
scrollPerfTag
scrollPerfTag: string=?
alwaysBounceHorizontal
alwaysBounceHorizontal: bool=?
alwaysBounceVertical
alwaysBounceVertical: bool=?
automaticallyAdjustContentInsets
automaticallyAdjustContentInsets: bool=?
bounces
bounces: bool=?
canCancelContentTouches
canCancelContentTouches: bool=?
centerContent
centerContent: bool=?
contentInset
contentInset: Types.insets=?
reference:
Types.rei
type insets = {
.
"left": int,
"right": int,
"top": int,
"bottom": int,
};
contentOffset
contentOffset: point=?
reference:
type point = {
x: float,
y: float
};
decelerationRate
decelerationRate: [
| `fast
| `normal
]=?
directionalLockEnabled
directionalLockEnabled: bool=?
indicatorStyle
indicatorStyle: [
| `black
| `default
| `white
]=?
maximumZoomScale
maximumZoomScale: float=?
minimumZoomScale
minimumZoomScale: float=?
onScrollAnimationEnd
onScrollAnimationEnd: unit => unit=?
scrollEventThrottle
scrollEventThrottle: int=?
scrollIndicatorInsets
scrollIndicatorInsets: Types.insets=?
reference:
Types.rei
type insets = {
.
"left": int,
"right": int,
"top": int,
"bottom": int,
};
scrollsToTop
scrollsToTop: bool=?
snapToAlignment
snapToAlignment: [
| `center
| `end_
| `start
]=?
zoomScale
zoomScale: float=?
methods
scrollTo
scrollTo: (ReasonReact.reactRef, ~x: int, ~y: int, ~animated: bool) => unit
scrollToEnd
scrollToEnd: (ReasonReact.reactRef, ~animated: bool) => unit