Merge 04095db59b into 19896fc810

src/WebView.android.tsx

@@ -70,6 +70,15 @@ class WebView extends React.Component<AndroidWebViewProps, State> {
 
   webViewRef = React.createRef<NativeWebViewAndroid>();
 
+  /** 
+   * Required to allow createAnimatedComponent() to hook up to the underlying NativeWebView rather than its wrapping View.
+   * @see: Discussion: https://twitter.com/LinguaBrowse/status/1211375582073761799?s=20
+   * @see: Implementation: https://github.com/facebook/react-native/blob/8ddf231306e3bd85be718940d04f11d23b570a62/Libraries/Lists/VirtualizedList.js#L515-L521
+   */
+  getScrollableNode = () => {
+    return this.webViewRef.current;
+  };
+
   getCommands = () => UIManager.getViewManagerConfig('RNCWebView').Commands;
 
   goForward = () => {

src/WebView.ios.tsx

@@ -74,6 +74,15 @@ class WebView extends React.Component<IOSWebViewProps, State> {
 
   webViewRef = React.createRef<NativeWebViewIOS>();
 
+  /** 
+   * Required to allow createAnimatedComponent() to hook up to the underlying NativeWebView rather than its wrapping View.
+   * @see: Discussion: https://twitter.com/LinguaBrowse/status/1211375582073761799?s=20
+   * @see: Implementation: https://github.com/facebook/react-native/blob/8ddf231306e3bd85be718940d04f11d23b570a62/Libraries/Lists/VirtualizedList.js#L515-L521
+   */
+  getScrollableNode = () => {
+    return this.webViewRef.current;
+  };
+
   // eslint-disable-next-line react/sort-comp
   getCommands = () => UIManager.getViewManagerConfig('RNCWebView').Commands;
 

src/WebViewTypes.ts

@@ -52,10 +52,18 @@ export type State = NormalState | ErrorState;
 // eslint-disable-next-line react/prefer-stateless-function
 declare class NativeWebViewIOSComponent extends Component<
   IOSNativeWebViewProps
-> {}
+> {
+  /** 
+   * Required to allow createAnimatedComponent() to hook up to the underlying NativeWebView rather than its wrapping View.
+   * @see: Discussion: https://twitter.com/LinguaBrowse/status/1211375582073761799?s=20
+   * @see: Implementation: https://github.com/facebook/react-native/blob/8ddf231306e3bd85be718940d04f11d23b570a62/Libraries/Lists/VirtualizedList.js#L515-L521
+   */
+  getScrollableNode(): number | null;
+}
 declare const NativeWebViewIOSBase: Constructor<NativeMethodsMixin> &
   typeof NativeWebViewIOSComponent;
-export class NativeWebViewIOS extends NativeWebViewIOSBase {}
+export class NativeWebViewIOS extends NativeWebViewIOSBase {
+}
 
 // eslint-disable-next-line react/prefer-stateless-function
 declare class NativeWebViewMacOSComponent extends Component<
@@ -68,7 +76,14 @@ export class NativeWebViewMacOS extends NativeWebViewMacOSBase {}
 // eslint-disable-next-line react/prefer-stateless-function
 declare class NativeWebViewAndroidComponent extends Component<
   AndroidNativeWebViewProps
-> {}
+> {
+  /** 
+   * Required to allow createAnimatedComponent() to hook up to the underlying NativeWebView rather than its wrapping View.
+   * @see: Discussion: https://twitter.com/LinguaBrowse/status/1211375582073761799?s=20
+   * @see: Implementation: https://github.com/facebook/react-native/blob/8ddf231306e3bd85be718940d04f11d23b570a62/Libraries/Lists/VirtualizedList.js#L515-L521
+   */
+  getScrollableNode(): number | null;
+}
 declare const NativeWebViewAndroidBase: Constructor<NativeMethodsMixin> &
   typeof NativeWebViewAndroidComponent;
 export class NativeWebViewAndroid extends NativeWebViewAndroidBase {}