Add list viewability offset parameters

Author: IslamRustamov

packages/virtualized-lists/Lists/ViewabilityHelper.js

@@ -65,6 +65,16 @@ export type ViewabilityConfig = $ReadOnly<{
    * render.
    */
   waitForInteraction?: boolean,
+
+  /**
+   * Offset from top of the screen
+   */
+  absoluteTopOffset?: number | undefined,
+
+  /**
+   * Offset from bottom of the screen
+   */
+  absoluteBottomOffset?: number | undefined,
 }>;
 
 /**
@@ -148,18 +158,21 @@ class ViewabilityHelper {
       if (!metrics) {
         continue;
       }
-      const top = Math.floor(metrics.offset - scrollOffset);
+      const absoluteTopOffset = this._config.absoluteTopOffset ?? 0;
+      const absoluteBottomOffset = this._config.absoluteBottomOffset ?? 0;
+
+      const top = Math.floor(metrics.offset - scrollOffset - absoluteTopOffset);
       const bottom = Math.floor(top + metrics.length);
 
-      if (top < viewportHeight && bottom > 0) {
+      if (top < viewportHeight - absoluteTopOffset && bottom > 0) {
         firstVisible = idx;
         if (
           _isViewable(
             viewAreaMode,
             viewablePercentThreshold,
             top,
             bottom,
-            viewportHeight,
+            viewportHeight - absoluteTopOffset - absoluteBottomOffset,
             metrics.length,
           )
         ) {

packages/virtualized-lists/Lists/VirtualizedList.d.ts

@@ -53,6 +53,16 @@ export interface ViewabilityConfig {
    * render.
    */
   waitForInteraction?: boolean | undefined;
+
+  /**
+   * Offset from top of the screen
+   */
+  absoluteTopOffset?: number | undefined;
+
+  /**
+   * Offset from bottom of the screen
+   */
+  absoluteBottomOffset?: number | undefined;
 }
 
 export interface ViewabilityConfigCallbackPair {