banner_infinite_flutter.jpg


From the article we can discuss how to make Infinity scroll View using BLOC, before to start we understand :

Why use Bloc?

Bloc is designed with 3 core values:

Problem case

Ok, let's start from the crux of the problem, in a table there is pagination where when we press Next Page/Number Next Page it refers to the next Data page, but that Pagination is intended for Table View.

Solution

Let's start using Infinite Scroll, So Infinite Scroll is a technique or design that will load more content when the user is scrolling.* This design view allows users to scroll without any page limit.

For Next Page we will use a technique where when scrolling has reached the end, the Next Page will be run, what happens when this Next Page is we will add data as the next data sequence.

Application