Flutter - Lazy Loader

The Lazy loader is a wrapper to the ScrollView that enables lazy loading. It is very useful in situations where the application's intent is to show endless content in a ListView. For instance, Instagram, Facebook, Youtube and most social networking platforms use them to deliver an endless stream of content.

In this article, we will look into the process of implementing Lazy loader to an application by building a simple app with endless content. For the sake of simplicity, we will use a single content and make a copy of it for the rest of the content in the app. To do so follow the below steps:

Steps to implement Lazy Loader in Flutter

Step 1 : Adding the dependency

The Lazy loader can be added to the dependencies of the pubspec.yaml file as shown below:

dependencies:
 lazy_load_scrollview: ^1.3.0

Now run the below command in terminal

flutter pub get

Step 2 : Importing the dependency

The following line of code can be added to the main.dart file to import the lazy_load_scrollview dependency:

import 'package:lazy_load_scrollview/lazy_load_scrollview.dart';

Step 3 : Creating the Homepage

A StatefulWidget can be extended to form a simple Homepage for the application as shown below:

Step 4 : Calling the LazyLoaderScrollView

The LazyLoaderScrollView is a method provided by the lazy_load_scrollview package that is used to implement lazy loading to the app and can be implemented as shown below:

To know more about ListView refer this article: ListView Class in Flutter

Step 5 : Designing the Content

Here again, a StatelessWidget can be extended to a body of text content that gets loaded infinitely by the app as shown below:

Complete Source Code (main.dart):

Output: