ImageNetwork is not reloading on state changes

[nietsmmar]

I am using RiverPod to set a new state, replacing the URL in my ImageNetwork. But nothing happens. With normal Image.Network etc. it works well. But ImageNetwork just won't be build with the new URL.

[gabrielpatricksouza]

Send me an example code for me to test and solve,
Thanks in advance for your comment.

[haisul]

I've encapsulated the ImageNetwork into a widget and established a callback function for the onTap event. Subsequently, I utilize this widget within another widget. To update the display, I use setState to replace the original widget and then override it. You can refer to below:

class NetImage extends StatelessWidget {
  final String filePath;
  final void Function() onPressed;

  const NetImage({Key? key, required this.filePath, required this.onPressed})
      : super(key: key);

  @override
  Widget build(BuildContext context) {
    return LayoutBuilder(builder: (context, constraints) {
      return ImageNetwork(
        image: filePath,
        width: constraints.maxWidth,
        height: constraints.maxHeight,
        fitWeb: BoxFitWeb.scaleDown,
        onTap: () => onPressed(),
      );
    });
  }
}

//another widget
void getImage() async {
  XFile? xfile = await ImagePicker.picker();
  if (xfile != null) {
    setState(() {
      filePath = xfile.path;
      widget.getFilePath(xfile.path);
      inner = NetImage(
        filePath: filePath,
        onPressed: () {
          setState(() {
            inner = addImage;
          });
          getImage();
        },
      );
    });
  }
}

[Coder-Manuel]

Any update on this....
Experiencing the same using getx

[sygem]

I was having a similar issue, but solved it using a UniqueKey() on the ImageNetwork widget.

Any update on this.... Experiencing the same using getx