Add scrolling events.

ios/RNRecyclerListView.swift

@@ -3,6 +3,10 @@ import UIKit
 
 @objc class RecyclerListView: UIView {
 
+    public var onVisibleItemsChange: RCTBubblingEventBlock?
+    public var firstVisibleIndex = -1
+    public var lastVisibleIndex = -1
+
     fileprivate var data = [RecyclerListItemView]()
 
     let cellIdentifier = "RecycleCell"
@@ -23,6 +27,7 @@ import UIKit
 
     func commonInit() {
         tableView.dataSource = self
+        tableView.delegate = self
         tableView.register(WrapperCell.self, forCellReuseIdentifier: cellIdentifier)
         tableView.rowHeight = UITableViewAutomaticDimension
         tableView.estimatedRowHeight = 80
@@ -81,6 +86,23 @@ extension RecyclerListView: UITableViewDataSource {
     }
 }
 
+extension RecyclerListView: UITableViewDelegate {
+
+    func scrollViewDidScroll(_ scrollView: UIScrollView) {
+
+        guard let visibleRows = tableView.indexPathsForVisibleRows,
+            let firstIndex = visibleRows.first?.row,
+            let lastIndex = visibleRows.last?.row else {
+            return
+        }
+        if firstVisibleIndex != firstIndex || lastVisibleIndex != lastIndex {
+            firstVisibleIndex = firstIndex
+            lastVisibleIndex = lastIndex
+            onVisibleItemsChange?(["firstIndex": firstIndex, "lastIndex": lastIndex])
+        }
+    }
+}
+
 extension RecyclerListView {
 
     @objc var dataSize: Int {

ios/RNRecyclerListViewManager.m

@@ -79,6 +79,8 @@ - (void)executeBlock:(ListViewBlock)block onNode:(NSNumber *)node {
     view.dataSize = [RCTConvert NSInteger:json];
 }
 
+RCT_EXPORT_VIEW_PROPERTY(onVisibleItemsChange, RCTBubblingEventBlock)
+
 RCT_EXPORT_MODULE()
 
 @end

src/RecyclerViewList.ios.js

@@ -289,6 +289,20 @@ class RecyclerViewList extends React.PureComponent {
     return this._shouldUpdateAll || this._shouldUpdateKeys.includes(itemKey);
   }
 
+  _handleVisibleItemsChange = ({nativeEvent}) => {
+    var firstIndex = nativeEvent.firstIndex;
+    var lastIndex = nativeEvent.lastIndex;    
+    this.setState({
+                  firstVisibleIndex: firstIndex,
+                  lastVisibleIndex: lastIndex,
+                  });
+
+    const { onVisibleItemsChange } = this.props;
+    if (onVisibleItemsChange) {
+      onVisibleItemsChange(nativeEvent);
+    }
+  }
+
   _notifyItemMoved(currentPosition, nextPosition) {
     UIManager.dispatchViewManagerCommand(
                                          ReactNative.findNodeHandle(this),