Flutter Tutorial - Cloud Firestore 🔥 | Pagination & Infinite Scrolling [2022] FlutterFire UI

How to load Firestore documents by pagination and infinite scrolling using a Flutter app.

Setup Firebase Video

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

TIMELINE
0:00 Introduction Pagination & Infinite Scrolling
1:27 Add Pagination for Cloud Firestore | FirestoreListView
3:28 Infinite Scrolling using FirestoreQueryBuilder

SOCIAL MEDIA: Follow Us :-)

#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[albertjjimenezp]

Great! This series is going up!!! I am so exited awaiting for the video about flutter web with firebase 9.x...

[AjilSathyanLMCEC]

Wow superb. I was worried about pagination in firebase. Now it's awesome👏😊. So happy now. Thanks ❤ sir.

[ezeaguprincewill]

Wawu!!
Didn't know their was a firebaseUI package. I had to manually paginate on my apps.
Gush!! I think I have so updating to do.

Thanks bro

[nouvandet]

Hello Johannes Milke! I have issue with Text wrap with Hero widget and the issue it show red yellow color inderline of text when Hero widget animate to new page.

[urstruelyshanmukha]

Hey @johannes, I have one doubt is this video related to cursor based pagination ?

[justvikas]

thank you man That was easy as hell. a time saver.

[eNONO-otzh]

thank u Johannes. But how to sort iten in ASC or DESC order ?

[javierc]

Hey Johannes, New subscriber here! I've got a question, would infinite scrolling pagination be a smart way to display n amount of images ? Ive got an app that is displaying all usre generated images in descending order. But in my current implementation I've run into a memory issue. would this method free up non rendered items ?

[tusharchander]

is there a way to listen to stream changes like that in Instagram when there is a pop up "New Posts" ? Could you please help..

[phillip_jacobs]

FirestoreListView is AMAZING! Thanks for the help!

[augustwanger]

Hi Johannes, could you please make a video where you explain navigation from a category to its child category?

[rodrigolightbolt]

I love this, but can I use with slivers?

[TG_Extra]

Thank you so much. You are a life saver.

[basithp]

Does this show updates in realtime like a streamBuilder?
Also what if I want to load more data when the user scroll up from bottom, Like in chat app. How do I do that?

[zakblacki]

This will not work if you include filter option (Ascneding - Descending - Random) with this one

[batishqureshi]

Hello Johannes, can you make a video on how to reload/refresh data coming from firestore in our flutter app with pull to refresh

[rubikandil]

I have a Combinelist of streams and I merging these streams in totalRef variable normally im using this totalRef in my Stream Builder and its working fine. But when i want to use this combinestreams i mean totalRef in FirestoreQueryBuilder for pagination it gives error of QueryCombineListStream can not determine as Query. How can I use my totalRef in this Builder.

[ttlrd]

Hi Johannes, It's great tutorial. I tried to display some message or image when db is empty. Is there any way to implement this? Thanks.

[oneebkhan]

Can you please make a video about reading and adding data to subCollections. Also they each have to have a unique id so we have to use ```where``` property to identify them. Thank you!

[chinglembakh]

Hi Johannes, Can you please confirm that it auto supports Pagination. When i implemented it using either FlutterListView or FlutterQueryBuilder, i find all the query data being loaded at once. Or am i missing another implementation to make it fetch more data as i reach the end of scroll