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