Show Loading Widget while the images are loading

[AryashDubey]

Hey man your package is amazing! Thanks! But can you tell me how to show a loading widget when the images are loading. I am using flutter web!

[ChrisChV]

Hi! @AryashDubey
PCacheImage() is an ImageProvider. Currently the package does not have the functionality of placing a widget as a placeholder. But you can use an Stack and FadeInImage:

import 'package:flutter/material.dart';
import 'package:transparent_image/transparent_image.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'Fade in images';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: Stack(
          children: <Widget>[
            Center(child: CircularProgressIndicator()),
            Center(
              child: FadeInImage(
                placeholder: kTransparentImage,
                image: PCacheImage(
                      'https://picsum.photos/250?image=9',
                )
              ),
            ),
          ],
        ),
      ),
    );
  }
}

But the idea of ​​implementing this functionality in the package is interesting.

[AryashDubey]

Yeah man thank you for the solution but it would be great to add this in the package! Again thanks for this wonderful package!!!