Skip to content

ScrollView Events

Jump to bottom
Maciej Jastrzebski edited this page Aug 8, 2023 · 2 revisions

ScrollView - basic flow

RN version 0.71.6

Setup:

<ScrollView
  contentInsetAdjustmentBehavior="scrollableAxes"
  scrollEventThrottle={150}
  onContentSizeChange={handleContentSizeChange}
  onMomentumScrollBegin={handleMomentumScrollBegin}
  onMomentumScrollEnd={handleMomentumScrollEnd}
  onScroll={handleScroll}
  onScrollBeginDrag={handleScrollBeginDrag}
  onScrollEndDrag={handleScrollEndDrag}
  onScrollToTop={handleScrollToTop}
>

Steps:

  1. Swipe vertically

Output:

iOS:

 LOG  Event: contentSizeChange 390 1676.6666259765625

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 5.333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 449}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 957.6666666666666}, "velocity": {"x": 0, "y": 6.444976464233905}, "zoomScale": 1}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 449}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 934}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1117.3333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1013}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 971.6666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 960.6666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 958.3333333333334}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 957.6666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 957.6666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}

Android:

 LOG  Event: contentSizeChange 411.4285583496094 1624.761962890625

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 31.619047164916992}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1.3633992671966553, "y": -1.3633992671966553}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 71.61904907226562}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 10.5}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 89.9047622680664}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 8}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 89.9047622680664}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -0.8657960295677185, "y": -12.643832206726074}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 89.9047622680664}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": -1, "y": -13}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 105.14286041259766}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 8}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 135.23809814453125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 15.800000190734863}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 190.4761962890625}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.083333015441895}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 245.3333282470703}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 13.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 300.5714416503906}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 13.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 355.047607421875}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 13}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 409.5238037109375}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 13}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 464}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 13}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 517.7142944335938}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 571.047607421875}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624.3809814453125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 676.5714111328125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 728.7619018554688}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 780.1904907226562}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 830.8571166992188}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 12.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 839.2380981445312}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 2}}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 839.2380981445312}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 839.2380981445312}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 839.2380981445312}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 139, "velocity": {"x": 0, "y": 0}}

Notes:

  • Sequence of events on scrolling both platforms is the same: scrollBeginDrag - scroll - scrollEndDrag - momentumScrollBegin - scroll - momentumScrollEnd
  • Direction of scrolling has no impact on the sequence of events (top to bottom, bottom to top)
  • On view render contentSizeChange is being called
  • momentumScrollEnd appears multiplicated on Android

Dragging

iOS:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1.3333333333333333}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 24}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 53.333333333333336}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 87.66666666666667}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 148.33333333333334}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 235.66666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 328.6666666666667}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 418.6666666666667}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 498}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 569.3333333333334}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 623.6666666666666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 666}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 668}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 686.3333333333334}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 712}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 748}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 770}, "contentSize": {"height": 1676.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 770}, "velocity": {"x": 0, "y": 0}, "zoomScale": 1}

Android:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 16}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.012970970012247562}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 46.47618865966797}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 7.2727274894714355}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 79.61904907226562}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 7.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 116.95237731933594}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 8.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 160.38095092773438}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 10.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 207.61904907226562}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 11.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 256}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 11.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 306.28570556640625}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 12}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 356.5714416503906}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 12}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 410.28570556640625}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 12.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 463.23809814453125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 11.583333015441895}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 513.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 11.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 556.5714111328125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 10.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 597.3333129882812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 9.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 634.6666870117188}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 8.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 668.952392578125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 8.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 696.3809814453125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 6.545454502105713}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 718.8571166992188}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 5.363636493682861}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 735.6190185546875}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 4}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 745.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 2.2727272510528564}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 750.4761962890625}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 1.2727272510528564}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 752.7619018554688}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.5454545617103577}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.90478515625}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.27272728085517883}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 754.6666870117188}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 755.4285888671875}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 755.8095092773438}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 755.047607421875}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.06060606241226196}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 754.6666870117188}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 754.2857055664062}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.0833333358168602}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.5238037109375}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 752.7619018554688}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 752}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": -0.04545454680919647}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 752.3809814453125}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.03030303120613098}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0.054054055362939835}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": -0.07101953774690628, "y": -0.10087001323699951}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 753.1428833007812}, "contentSize": {"height": 1624.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 489, "velocity": {"x": 0, "y": 0}}

Notes:

  • All the scroll events appears between scrollBeginDrag and scrollEndDrag only
  • Sequence of events on dragging on both platforms is slightly: iOS: scrollBeginDrag - scroll - scrollEndDrag Android: scrollBeginDrag - scroll - scrollEndDrag - momentumScrollBegin - momentumScrollEnd

FlatList - basic flow

RN version 0.71.6

Setup:

<FlatList
  contentInsetAdjustmentBehavior="scrollableAxes"
  scrollEventThrottle={150}
  data={data}
  renderItem={renderItem}
  keyExtractor={(item) => item.id}
  onContentSizeChange={handleContentSizeChange}
  onMomentumScrollBegin={handleMomentumScrollBegin}
  onMomentumScrollEnd={handleMomentumScrollEnd}
  onScroll={handleScroll}
  onScrollBeginDrag={handleScrollBeginDrag}
  onScrollEndDrag={handleScrollEndDrag}
  onScrollToTop={handleScrollToTop}
  onEndReached={handleEndReached}
/>

Steps (1/2):

  1. Swipe vertically (top to bottom)

Output:

iOS:

 LOG  Event: contentSizeChange 390 560
 LOG  Event: contentSizeChange 390 1120
 LOG  Event: contentSizeChange 390 1400

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 22.666666666666668}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 326.3333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 681}, "velocity": {"x": 0, "y": 4.1035817759633355}, "zoomScale": 1}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 326.3333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 697}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: endReached 0
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 777}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 717.6666666666666}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 683}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}

Android:

 LOG  Event: contentSizeChange 411.4285583496094 590.4761962890625
 LOG  Event: contentSizeChange 411.4285583496094 1180.952392578125
 LOG  Event: contentSizeChange 411.4285583496094 1476.1904296875

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 13.333333015441895}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": -1.3615148067474365, "y": -1.3615148067474365}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 38.85714340209961}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 6.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 73.52381134033203}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 8.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 113.9047622680664}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 9.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 164.1904754638672}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 12}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 228.57142639160156}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 230.85714721679688}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 2}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 230.85714721679688}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": -2.5774996280670166, "y": -15.699002265930176}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 230.85714721679688}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": -3, "y": -16}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 278.8571472167969}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 14}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 344.76190185546875}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 17.299999237060547}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 410.28570556640625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 476.19049072265625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 541.3333129882812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 606.8571166992188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 671.6190185546875}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 15.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 5}}
 
 LOG  Event: endReached 0
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}

Steps (2/2):

  1. Swipe vertically (bottom to top)

Output:

iOS:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 652.6666666666666}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 452.3333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 0}, "velocity": {"x": 0, "y": -3.198613840243621}, "zoomScale": 1}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 452.3333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 90}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -75}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -30}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -8}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -2}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -0.33333333333333337}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}

Android:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 671.6190185546875}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -0.0008984241867437959}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 638.8571166992188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -7.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 593.1428833007812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -10.909090995788574}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 593.1428833007812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": -0.3928341269493103, "y": 12.355550765991211}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 593.1428833007812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 12}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 556.5714111328125}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -9.600000381469727}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 506.28570556640625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -13.199999809265137}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 456}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -12}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 406.0952453613281}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 356.19049072265625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 306.6666564941406}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 257.1428527832031}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 208.38095092773438}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 160}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 112}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -11.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 64.38095092773438}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -12.5}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 17.14285659790039}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -12.399999618530273}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -6.095238208770752}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": -6.099999904632568}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -5.714285850524902}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.0476190485060215}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -4.952381134033203}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -4.5714287757873535}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -3.4285714626312256}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.27272728085517883}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -2.6666667461395264}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -1.9047619104385376}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -1.1428571939468384}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -0.761904776096344}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": -0.380952388048172}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.10000000149011612}}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}

Notes:

  • Sequence of events on scrolling FlatList is similar to the ScrollView's
  • When swiping from top to bottom there's additional event endReached appearing between scroll events near the treshold

Dragging

iOS:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 6.333333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 42}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 75}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 116.33333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 155}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 195.33333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 242}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 277}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 328}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 383.3333333333333}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 414}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 446}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 477}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 507}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 528.6666666666666}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 541}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 560.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 564.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 569}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 597.6666666666666}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 612}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 653.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: endReached 0
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 713.6666666666666}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 723.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 681}, "velocity": {"x": 0, "y": 0.016015502557769526}, "zoomScale": 1}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 723.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 717}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 689.3333333333334}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 683}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 681}, "contentSize": {"height": 1400, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}

Android:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 12.571428298950195}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.005623721983283758}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 33.14285659790039}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 4.5}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 57.904762268066406}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 5.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 84.95237731933594}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 6.454545497894287}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 115.80952453613281}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 7.363636493682861}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 153.90475463867188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 9.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 198.09524536132812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 10.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 244.95237731933594}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 11.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 292.19049072265625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 11.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 338.6666564941406}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 11.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 388.19049072265625}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 11.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 439.6190490722656}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 12.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 487.6190490722656}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 11.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 532.5714111328125}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 10.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 570.2857055664062}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 9}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 600.3809814453125}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 7.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 628.952392578125}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 6.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 653.3333129882812}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 5.818181991577148}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 672.3809814453125}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 4.545454502105713}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 687.2380981445312}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 3.545454502105713}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0.8181818127632141}}
 
 LOG  Event: endReached 0
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": -0.11386093497276306, "y": -0.025844303891062737}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 690.6666870117188}, "contentSize": {"height": 1476.1904296875, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 297, "velocity": {"x": 0, "y": 0}}

SectionList - basic flow

RN version 0.71.6

Setup:

<SectionList
  contentInsetAdjustmentBehavior="scrollableAxes"
  scrollEventThrottle={150}
  sections={sections}
  keyExtractor={(item, index) => item + index}
  renderSectionHeader={renderSectionHeader}
  renderItem={renderItem}
  onContentSizeChange={handleContentSizeChange}
  onMomentumScrollBegin={handleMomentumScrollBegin}
  onMomentumScrollEnd={handleMomentumScrollEnd}
  onScroll={handleScroll}
  onScrollBeginDrag={handleScrollBeginDrag}
  onScrollEndDrag={handleScrollEndDrag}
  onScrollToTop={handleScrollToTop}
  onEndReached={handleEndReached}
/>

Steps (1):

  1. Swipe vertically

Output:

iOS:

 LOG  Event: contentSizeChange 390 492.6666564941406
 LOG  Event: contentSizeChange 390 974
 LOG  Event: contentSizeChange 390 1466.6666259765625
 LOG  Event: contentSizeChange 390 1634.6666259765625

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 11.666666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 70.66666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 169.66666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 301.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 434.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 434.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 915.6666666666666}, "velocity": {"x": 0, "y": 6.772290532575473}, "zoomScale": 1}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 434.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 478}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 587.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 693.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 795.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 894.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: endReached {"distanceFromEnd": 0}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 981.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1040}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1077.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1098.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1108.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1109.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1105.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1097}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1086}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1073.6666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1061}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1048}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1035.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1023.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1011.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 1001.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 991.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 982.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 974.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 967.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 961}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 955.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 950.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 946}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 942}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 938.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 935.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 932.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 930.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 928.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 926.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 925.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 924}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 922.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 921.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 921}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 920}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 919.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 919}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 918.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 918}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 917.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 917.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 917}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 916.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 916.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 915.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 915.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}

Android:

 LOG  Event: contentSizeChange 411.4285583496094 520.7619018554688
 LOG  Event: contentSizeChange 411.4285583496094 1030.857177734375
 LOG  Event: contentSizeChange 411.4285583496094 1551.6190185546875
 LOG  Event: contentSizeChange 411.4285583496094 1728.761962890625

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 19.428571701049805}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": -1.3604422807693481, "y": -1.3604422807693481}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 52.57143020629883}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 7.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 98.66666412353516}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 11}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 115.04762268066406}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 7.166666507720947}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 115.04762268066406}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": -2.4978089332580566, "y": -13.414430618286133}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 115.04762268066406}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": -2, "y": -13}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 140.57142639160156}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 11.166666984558105}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 195.8095245361328}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 251.42857360839844}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 307.047607421875}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.272727012634277}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 362.28570556640625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 417.1428527832031}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 472}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 13.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 526.09521484375}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 580.1904907226562}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 633.5238037109375}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 686.8571166992188}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 739.4285888671875}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 791.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 843.047607421875}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 893.7142944335938}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 12.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 943.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 11.818181991577148}}
 
 LOG  Event: endReached {"distanceFromEnd": 0}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 943.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 943.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 943.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 597, "velocity": {"x": 0, "y": 0}}

Notes:

  • Sequence of events on scrolling FlatList is similar to the ScrollView's
  • When swiping from top to bottom there's additional event endReached appearing between scroll events near the treshold
  • On iOS there're much more scroll events before loosing the momentum than for ScrollView and FlatList

Dragging

iOS:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 78.66666666666667}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 142.66666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 210.66666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 273}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 341.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 413.3333333333333}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 477}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 557.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 585.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 601.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 610.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 616.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 620}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 623.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 625}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624.6666666666666}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624.3333333333334}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "zoomScale": 1}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 624}, "contentSize": {"height": 1634.6666259765625, "width": 390}, "layoutMeasurement": {"height": 753, "width": 390}, "targetContentOffset": {"x": 0, "y": 624}, "velocity": {"x": 0, "y": 0}, "zoomScale": 1}

Android:

 LOG  Event: scrollBeginDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 0}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 10.285714149475098}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.011868132278323174}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 25.904762268066406}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 3.7272727489471436}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 47.619049072265625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 5.181818008422852}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 75.80952453613281}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 6.166666507720947}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 106.28571319580078}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 7.2727274894714355}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 137.90475463867188}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 7.545454502105713}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 173.7142791748047}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 8.545454978942871}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 210.2857208251953}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 8.727272987365723}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 250.6666717529297}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 9.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 292.952392578125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 10.090909004211426}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 334.4761962890625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 9.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 374.0952453613281}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 9.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 414.4761962890625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 9.636363983154297}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 453.71429443359375}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 9.363636016845703}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 489.1428527832031}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 8.454545021057129}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 520}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 7.363636493682861}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 548.952392578125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 6.909090995788574}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 574.09521484375}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 6}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 596.1904907226562}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 5.2727274894714355}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 609.90478515625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 3.2727272510528564}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 619.8095092773438}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 2.1666667461395264}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 625.1428833007812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 1.399999976158142}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 627.4285888671875}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.5454545617103577}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.7142944335938}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.5}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 631.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.3636363744735718}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 632}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 632.3809814453125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 631.6190185546875}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.06060606241226196}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 631.2380981445312}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 630.4761962890625}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.7142944335938}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 628.952392578125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.1818181872367859}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 628.5714111328125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 628.1904907226562}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": -0.09090909361839294}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 628.5714111328125}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.01123595517128706}}
 LOG  Event: scroll {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0.1818181872367859}}
 
 LOG  Event: scrollEndDrag {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": -0.0682201161980629, "y": 0.020906206220388412}}
 
 LOG  Event: momentumScrollBegin {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0}}
 
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0}}
 LOG  Event: momentumScrollEnd {"contentInset": {"bottom": 0, "left": 0, "right": 0, "top": 0}, "contentOffset": {"x": 0, "y": 629.3333129882812}, "contentSize": {"height": 1728.761962890625, "width": 411.4285583496094}, "layoutMeasurement": {"height": 785.5238037109375, "width": 411.4285583496094}, "responderIgnoreScroll": true, "target": 177, "velocity": {"x": 0, "y": 0}}
Clone this wiki locally