Firestore Data Sync with ListView

I'm facing a bit of a challenge with Firestore data synchronization and ListView widgets in my FlutterFlow app, and I'm hoping someone can lend a hand.

The Issue: I've set up a page variable to store a list of Firestore documents that are queried when the page loads. These documents are used to populate a ListView widget. Each of these documents has a boolean variable called flagged that changes the color of a container widget (red for true, grey for false) on each child of the ListView. Users can toggle this flagged status by clicking the container.

The problem is that although the value in Firestore updates correctly when users flag/unflag, the color on the frontend doesn't update unless I re-query the Firestore collection. However, this approach is slow and eats into my read limit.

I'm using a page variable to generate ListView children (rather than a direct query on the ListView) for sorting purposes, making it efficient for sorting without frequent re-queries.

Seeking Solutions: I'm looking for advice on how to efficiently sync the color changes without excessive Firestore queries. Any tips, suggestions, or code snippets would be greatly appreciated.

Thanks in advance for your help!

2