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
– pskink, Commented Oct 28, 2021 at 6:22
@pskink If you any example to refer then please share link or code snippet. — Aditya Patil
– Aditya Patil, Commented Oct 28, 2021 at 6:35

Aditya Patil · Accepted Answer · 2021-10-28 06:49:30Z

1

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());
          },
       ),

answered Oct 28, 2021 at 6:49

Aditya Patil

1,5151 gold badge15 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related