Implementation of a dual side paginated list view

"Hi Flutter community,

I’m currently using the super_sliver_list’s SuperListView.builder widget for a list view in my app and am exploring the possibility of implementing dual-side pagination. Essentially, I want to load data both at the top (previous items) and the bottom (next items) of the list as the user scrolls.

The issue I’m facing is when I append new items to the top of the list (e.g., 10 items), the UI recalculates the viewports and jumps to the 0th index. Ideally, the list should show the 11th index instead of the 0th index. To address this, I’ve been manually scrolling to the 11th item after appending the new items, but this causes a slight jitter effect.

Has anyone implemented dual-side pagination with super_list before? I’d appreciate any advice or code examples on how to structure the data loading for both sides of the list efficiently. Also, if there are any best practices for managing scroll positions and avoiding UI jitter, that would be really helpful!

Thanks in advance!"

1 Like