Why does infinite scroll call API regardless of user scroll?

Database & APIs

Resolved

The advantage of infinite scroll is data is loading with small part (limit=10, 20 etc.) when the user scrolls down and not large JSON (100s and 1000s items).
But in FF API Calls are executed not when the user scrolls down but little by little since page was loaded (see the screenshot below). FF isn't waiting user scroll and loads all items but some parts.

I use Backend Query - API Call - from Supabase with limit=20 and infinite scroll.
My app in Android crashes if there are 690 products in the category (I think it's not a lot).
So infinite scroll doesn't help to optimize performance and creates the issue of crashing app.

What have you tried so far?

1) I tested API Calls it in Google Chrome (see the screenshot). They are loaded permanently not when the user scrolls down.
2) I checked the categories that have more than 100 products - there is no issue of crashing app.
3) I downloaded some versions of .apk.
4) I tried to select only necessary columns in JSON response but the problem isn't solved.

[
{
"id": 7042,
"name": "Rocia Women Black Flats",
"price": 97,
"image_url": "http://assets.myntassets.com/v1/images/style/properties/8d6fd53f28e010658cdf5c14c43d0cb0_images.jpg"
}
]

Did you check FlutterFlow's Documentation for this topic?

No

4

6 replies