CachedNetworkImage with placeholder will cause afterimage

[sleepreading]

RippleEffect(
        pulsations: 2.4,
        dampening: .95,
        child: Container(
          height: 100,
          width: double.infinity,
          child: CachedNetworkImage(
            imageUrl: 'https://xxxx',
            fit: BoxFit.cover,
            placeholder: (ctx, url) => Center(
              // !!! <---  after loading the network image successful, this circle indicator will appear again.
              // !!!     But if I remove the RippleEffect widget, the circle indicator will disappear after successful loading network image.
              child: LoadingIndicator(
                indicatorType: Indicator.ballSpinFadeLoader,
                strokeWidth: 1,
              ),
            ),
          ),
        ),
);

used packages:

cached_network_image: 3.2.0
loading_indicator: 3.0.2

environment:

Flutter 2.8.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 77d935af4d (3 weeks ago) • 2021-12-16 08:37:33 -0800
Engine • revision 890a5fca2e
Tools • Dart 2.15.1

[g-apparence]

I think I understand the error.
The rippleEffect will cause setState to redraw the background.
You have to use a static image or download it before.

I had in plans to rewrite the widget using a renderObject to avoid this kind of problems.

[sleepreading]

Supporting network image would be great. Glad to hear that!