Adjust scrollToLocation when using sticky section headers (#24735)

Summary: When using `scrollToLocation` together with `stickySectionHeadersEnabled` in a `SectionList`, the length of the section header is not accounted for when scrolling to any item except the header. [General] [Fixed] - Adjust scrollToLocation when using sticky section headers Pull Request resolved: #24735 Differential Revision: D15240953 Pulled By: cpojer fbshipit-source-id: fd7121d990c5b01533e456bdfa39bebf6245fa80
facebook · May 7, 2019 · d376a44 · jsamr · Jul 19, 2019 · jsamr
1 parent 509a07b
commit d376a44
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/Libraries/Lists/VirtualizedSectionList.js b/Libraries/Lists/VirtualizedSectionList.js
@@ -149,8 +149,16 @@ class VirtualizedSectionList<
     for (let i = 0; i < params.sectionIndex; i++) {
       index += this.props.getItemCount(this.props.sections[i].data) + 2;
     }
+    let viewOffset = 0;
+    if (params.itemIndex > 0 && this.props.stickySectionHeadersEnabled) {
+      const frame = this._listRef._getFrameMetricsApprox(
+        index - params.itemIndex,
+      );
+      viewOffset = frame.length;
+    }
     const toIndexParams = {
       ...params,
+      viewOffset,
       index,
     };
     this._listRef.scrollToIndex(toIndexParams);