Show something in the photo carousel when no internet connection

[M123-dev]

What

• Currently the images just dissapear on the product page
• The first box is the nutrition add card which is shown because the product has no image of that, but the fron photo is missing completely

Screen_Recording_20220205-164506.mp4

[M123-dev]

[vik4114]

I will take this up

[teolemon]

@vik4114 What do you have in mind ?

[vik4114]

@teolemon I was thinking to show an image from assets when there is no connection. What do you think?

[AshAman999]

@vik4114 something with fadeInImage?

[vik4114]

@AshAman999 Yes, we can use that.

[vik4114]

@teolemon @M123-dev How it looks? for now I have used smoothie icon

WhatsApp.Video.2022-05-01.at.4.32.52.PM.mp4

[M123-dev]

Heyy @vik4114 looks great, of course the image has to be replaced with a clear no internet image. But looking at the images directly changing after turning off the internet without reloading I'm guessing, that you are doing some kind of connection state checking, am I right? Here it probably makes more sense not to listen to it, (photos should remain visible when they are already loaded) and, the cards for photo upload,should also remain visible, because there will probably be some kind of offline upload in the future. (Also this is also offline available data)

[AshAman999]

FadeInImage.assetNetwork(
  placeholder: 'assets/loading.gif',
  image: 'https://picsum.photos/250?image=9',
),
//or 
FadeInImage(
  placeholder: MemoryImage(bytes),
  image:  NetworkImage('https://backend.example.com/image.png'),
)

I guess something like this will make more sense, @vik4114

[vik4114]

@M123-dev I thought the same to implement, but for the online one, it was not good so I did this.

[vik4114]

FadeInImage.assetNetwork(
  placeholder: 'assets/loading.gif',
  image: 'https://picsum.photos/250?image=9',
),
//or 
FadeInImage(
  placeholder: MemoryImage(bytes),
  image:  NetworkImage('https://backend.example.com/image.png'),
)

I guess something like this will make more sense, @vik4114

Its just for moment of loading.