In Chrome 76 onwards, you can use the loading attribute to lazy-load images without the need to write custom lazy-loading code or use a separate JavaScript library .
Read moreHow do you lazy load images on Flutter?
First, you need to add cached_network_image Flutter package in your project by adding following lines in pubspec. yaml file . Cached_network_image both caching and lazy loading while scrolling on your app. The images under the view will not get loaded untill it comes to screen view on scroll.
Read more