Flutter Infinite ListView Pagination #1 (/w the BLoC Pattern)

📗 Get the code from this tutorial 👇👇

Flutter simplifies the process of building an efficient list a lot. If you're an Android developer, you know how much boilerplate it takes to do something as fundamental as a RecyclerView and Flutter spares you from all of that.

As simple as Flutter's ListView is though, you still need to write some additional code to make it paginated. That is, not loading all the data at once but saving some bandwidth and only loading what's necessary, say, 20 results at a time.

In this tutorial you're going to learn how to create paginated ListView in Flutter. We're going to do with the BLoC architecture pattern because even in an example app like this, we don't want our state floating all over the place.

Go to my website for more information, code examples and articles:

Follow me on social media:

[mrpakravian]

Man
You are the best
Effective method of explaining

[robovirtuoso]

If Part 1 of the tutorial has finished without even starting to cover the main topic of "infinite scrolling", then it's obvious that the sample app is over-engineered because of that BLoC thing (to be fair, the title says BLoC). A simpler data model with Provider package would have been enough. But having said that, this is a good tutorial to grasp the concept, even now in 2021.

[aytunch]

Does using built_value classes help a lot more than the naked bloc that you implemented in previous videos? What is it's strength in terms of bloc?

[Chriscs]

It is possible that reached bottom scroll might happen more then one time, and thus multiple api calls are started at the same time ( dispatching fetchNextPage). How is your idea of best handling that

[eduardorabanal]

great video as always bro, thanks a lot

[aytunch]

Also I am struggling in implementing a bottomnavigationbar using bloc and maintaining the tab's corresponding pages' states. How would we go about this? I am sure a lot of people are struggling too. For instance I have a map in one page and I change the location by dragging and when I switch pages and come back to the Map page, it builds the map and points to the default location.

[andrealvarado]

What if I want to scroll for both directions? Do you have any solution?

[adilnje]

hello can i ask about snippets used in you'r vedio

[ifrit]

ok I understood why you use empty events instead of enums. Thank you.

[berkc]

why are you using builtlist? builtlist is not generally used with real api data

[abdullahfaiq]

Thanks.. it's will be very nice if datasource is taken from restfull API.

[BeGoodLikeMe]

My list_state.g.dart file isnt generating

[ravinderrajsingha]

Please can anyone share this playlist link

[nabinkhatiwada]

Hey, man subscribe popup is irritating me. You don't need to tell the user to subscribe time and again. If your content is good the user will automatically subscribe to your channel. I subscribed your channel because I find your videos to be important not because of those irritating popups. So, from the next video stop showing the subscribe popups. :@

[quicktips]

Almost a framework for a list pagination...