💬
Get Help
JB
James Burton

backend query repeating infinitum

Troubleshooting

I have a page that consists of 7 custom tabs, each of which displays a list of user-generated records. The number of records across these 7 tabs can quickly rise to thousands. To avoid long loading times I placed separate queries on each of the tabs' list view widget and generate children from the same. I applied infinite scroll to each query with a 25 item page limit. At first, only the first tab would load, so the FF support staff suggested that I apply a unique Value Key to to each of the list view widgets which allowed them all to load individually. The problem now is each of the tabs is loading the child items over and over and over again (see attached video) and I have no idea why.

Screen Recording 2024-04-23 at 5.57.45 PM.mov
5.54MB
What have you tried so far?

I had initially had a single backend query for the full page and then had the records filtered across the 7 tabs. That worked, but it took a long time for the screen to load due to there being thousands of records.

I have tested the endpoint independently and in the FF api test section, and in both cases the call seems to work correctly, returning only the expected records and not repeating.

I tried removing 6 of the 7 queries and deleted all page state variables to see if there was some interaction there that was causing the issue. Still, the remaining tab populates over and over with the repeated return.

I'm running our of ideas. :_(

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