From f8021917df24f48132368a3d4dd98e868062cfb1 Mon Sep 17 00:00:00 2001
From: Jakub Piasecki <jakubpiasecki67@gmail.com>
Date: Mon, 17 Jun 2024 10:16:34 +0200
Subject: [PATCH] Implement `getNativeScrollRef` (#776)

* Implement `getNativeScrollRef`

* Update type

* Update types again

---------

Co-authored-by: ananyachandra14 <ananya.chandra@flipkart.com>
---
 src/core/RecyclerListView.tsx                          | 10 +++++++++-
 src/core/scrollcomponent/BaseScrollComponent.tsx       |  6 ++++++
 .../reactnative/scrollcomponent/ScrollComponent.tsx    |  4 ++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/core/RecyclerListView.tsx b/src/core/RecyclerListView.tsx
index d12edc14..1cceadfe 100644
--- a/src/core/RecyclerListView.tsx
+++ b/src/core/RecyclerListView.tsx
@@ -41,7 +41,7 @@ import { ComponentCompat } from "../utils/ComponentCompat";
 import ScrollComponent from "../platform/reactnative/scrollcomponent/ScrollComponent";
 import ViewRenderer from "../platform/reactnative/viewrenderer/ViewRenderer";
 import { DefaultJSItemAnimator as DefaultItemAnimator } from "../platform/reactnative/itemanimators/defaultjsanimator/DefaultJSItemAnimator";
-import { Platform } from "react-native";
+import { Platform, ScrollView } from "react-native";
 const IS_WEB = !Platform || Platform.OS === "web";
 //#endif
 
@@ -54,6 +54,7 @@ const IS_WEB = !Platform || Platform.OS === "web";
 //import ViewRenderer from "../platform/web/viewrenderer/ViewRenderer";
 //import { DefaultWebItemAnimator as DefaultItemAnimator } from "../platform/web/itemanimators/DefaultWebItemAnimator";
 //const IS_WEB = true;
+//type ScrollView = unknown;
 //#endif
 
 /***
@@ -394,6 +395,13 @@ export default class RecyclerListView<P extends RecyclerListViewProps, S extends
         return null;
     }
 
+    public getNativeScrollRef(): ScrollView | null {
+        if (this._scrollComponent && this._scrollComponent.getNativeScrollRef) {
+          return this._scrollComponent.getNativeScrollRef();
+        }
+        return null;
+    }
+
     public renderCompat(): JSX.Element {
         //TODO:Talha
         // const {
diff --git a/src/core/scrollcomponent/BaseScrollComponent.tsx b/src/core/scrollcomponent/BaseScrollComponent.tsx
index 2b6024cb..ee2952ad 100644
--- a/src/core/scrollcomponent/BaseScrollComponent.tsx
+++ b/src/core/scrollcomponent/BaseScrollComponent.tsx
@@ -1,4 +1,5 @@
 import * as React from "react";
+import { ScrollView } from "react-native";
 import { Dimension } from "../dependencies/LayoutProvider";
 import BaseScrollView, { ScrollEvent, ScrollViewDefaultProps } from "./BaseScrollView";
 
@@ -25,4 +26,9 @@ export default abstract class BaseScrollComponent extends React.Component<Scroll
     public getScrollableNode(): number | null {
         return null;
     }
+
+    //Override and return ref to your custom scrollview. Useful if you need to use Animated Events on the new architecture.
+    public getNativeScrollRef(): ScrollView | null {
+        return null;
+    }
 }
diff --git a/src/platform/reactnative/scrollcomponent/ScrollComponent.tsx b/src/platform/reactnative/scrollcomponent/ScrollComponent.tsx
index 0d0dedce..74e310ad 100644
--- a/src/platform/reactnative/scrollcomponent/ScrollComponent.tsx
+++ b/src/platform/reactnative/scrollcomponent/ScrollComponent.tsx
@@ -50,6 +50,10 @@ export default class ScrollComponent extends BaseScrollComponent {
         return null;
     }
 
+    public getNativeScrollRef(): ScrollView | null {
+        return this._scrollViewRef;
+    }
+
     public render(): JSX.Element {
         const Scroller = TSCast.cast<ScrollView>(this.props.externalScrollView); //TSI
         const renderContentContainer = this.props.renderContentContainer ? this.props.renderContentContainer : this._defaultContainer;