Problem with an infinite scroll in a gridview where the scroll is stuck inside the gridview

Widgets & Design

Hi everyone,

I'm facing a difficult issue and the several posts I read didn't really help. Basically, on the user's profile, I have several elements.

A scrollable column with inside some elements + a gridview displaying photos.

The issue is, the user can have a lot of photos. So the natural thing to do is to set the gridview as an infinite scroll. But doing this causes a problem: the infinite scroll loads every element, one batch after the other.

As a solution, as discussed here https://community.flutterflow.io/ask-the-community/post/how-to-fix-listview-infinite-scroll-42gYt1jawryXxJJ is to wrap the gridview inside a container with a fixed height.

Great, the issue with the infinite scroll as fixed. But now comes another issue! Because the gridview is now inside a container, if the user scrolls inside the gridview and then scroll up, the scroll is stuck inside the gridview and doesn't scroll higher!

What have you tried so far?

Setting the gridview as non primary doesn't fix it. Wanted to set the container wrapping the gridview as expanded, but I cannot, since the column wrapping the whole thing is scrollable.

Did you check FlutterFlow's Documentation for this topic?
Yes
1