I am trying to implement "load more" functionality at the top of a GridView with items of varying heights in Flutter. However, when I update the list of items after loading more, the scroll position resets to the top of the screen (position 0) instead of staying at the position of the item I was at before loading more items.

I attempted to use CustomScrollView, but it introduces a new issue: since the items have different heights, the slivers above may cause rendering gaps(as shown in the example image: enter link description here).

Has anyone encountered this issue or found a good solution for this? Any suggestions would be greatly appreciated.

Thank you!