Listview isn't showing all data from firebase

I have two pages that have a listview that display data from firebase. In one page, record with value isDone == false is displayed. And the other page displays data with isDone == true. But I'm facing some issues with these two pages as the records don't always get displayed in the pages.

You can see here is the page where isDone == true. It shows 9 loadings because there are 9 records in the firebase with isDone == true. but after a while the loading is gone and there is nothing displayed.

and for the second page where isDone == false , it shows 4 loadings because there are 4 records, but it displays only 3. I don't understand why it is not showing all required data from firebase!!

Here is the backend query of the listview

I really don't know what is happening and why this is not working well for me. All records are stored successfully in the firebase whether isDone is true or false, but when trying to display these records the listview goes crazy.

Note that I added a component that should be displayed when the list is empty. but it is not showing, meaning that the records are there but not visible. please help me with this I have been trying to fix it for two weeks now

10 replies