How to show loader while loading image using file path in flutter?

Question

How to show loader before loading complete image from file? Before loading image in Imageview it takes some time before image is visible to user.

Image.file(
  File(selectedImagePath),
  width: double.infinity,
  height: double.infinity,
 ),

use `Image` constructor instead of `Image.file` - it has `ImageLoadingBuilder? loadingBuilder,` parameter — pskink, Oct 28 '21 at 06:22
@pskink If you any example to refer then please share link or code snippet. — Aditya Patil, Oct 28 '21 at 06:35

score 1 · Answer 1 · answered Oct 28 '21 at 06:49

As suggested by @pskink You can use Image constructor

Image(
      image: FileImage(
      File(selectedImagePath)),
         width: double.infinity,
         height: double.infinity,
         loadingBuilder:
             (context, child, loadingProgress) {
             if (loadingProgress == null) {
                 debugPrint('image loading null');
                 return child;
             }
             debugPrint('image loading...');
             return const Center(
             child: CircularProgressIndicator());
          },
       ),

How to show loader while loading image using file path in flutter?

1 Answers1