Xamarin ListView Images disappears on Scroll

Question

I'm using Xamarin Forms and Xamarin Android.

I've this code for reading some files (stored inside an Android Phone)

public ImageSource Photo { get; set; }

public void LoadPhoto()
{
    var t = Android.Net.Uri.Parse("URI_OF_THE_PHOTO");
    var otherStream = Android.App.Application.Context.ContentResolver.OpenInputStream(t);
    Photo = Xamarin.Forms.ImageSource.FromStream(() => otherStream);
}

then, in my XAML Page, inside a ListView's ViewCell i have this Image control:

<Image Source="{Binding Photo}"></Image>

Eveything works perfectly, the images (about 50) are loaded correctly and displayed inside the ListView.

BUT when i scroll the ListView and the images go out of the screen, when i scroll them back, they're EMPTY ! Images are suddendly gone... DISAPPEARED !!!

I've found a couple of StackOverflow's cases similar to this, but i can't get it to work with those solutions, they seem to not apply to my case.

Please, help, i'm stuck with this problem !

unfortunately, I already tried setting it, with all its possible values ( RecycleElement / RetainElement / RecycleElementAndDataTemplate ) but it doesn't solve the problem at all :-( — Alessandro, May 23 '18 at 08:47
you can try using FFImageLoading plugin. That can help you cache the images — Sayo Babalola, May 23 '18 at 11:57
Have you also tried setting the `CachingEnabled` property of the image to `true` ? — Sayo Babalola, May 23 '18 at 11:59
Yes, guys, i tried with CachingEnabled property of the image to true... it doesn't fix the problem. And i also tried with FFImageLoading plugin, but i can't get the plugin to work with these CONTENT PROVIDER'S STREAMS that i'm working with. I'm desperate ! — Alessandro, May 23 '18 at 16:07
You can read [this](https://stackoverflow.com/questions/40738115/android-ffimageloading-using-uri-xamarin), so you get the images from uri? And you want to use FFImageLoading to load the image from uri? — Robbit, May 24 '18 at 08:38

score 1 · Accepted Answer · answered Jun 07 '18 at 02:34

1

You can read this link. FFImageLoading will solve your problem.

answered Jun 07 '18 at 02:34

Robbit

4,300
1
13
29

@Alessandro, did it? I replaced `Image` with `CachedImage` and images disappear the same way as they did – Spook Sep 20 '18 at 10:33

score 1 · Answer 2 · answered Feb 13 '19 at 13:53

1

Use bindable stacklayout in xamarin forms 3.5..i had the same issue..solved..

answered Feb 13 '19 at 13:53

Vipin Krishna

355
1
4
25

score 0 · Answer 3 · answered Apr 08 '20 at 07:13

I have similar problem, and after Google for a while, problem solved.(maybe this answer is too late)

public ImageSource ByteToImageSource(byte[] byteArrayIn)
{
    //this way, image in ListView will disapear on scroll
    //var stream = new MemoryStream(byteArrayIn);
    //var retSource = ImageSource.FromStream(() => stream);

    // this way is fine
    var retSource = ImageSource.FromStream(() => new MemoryStream(byteArrayIn));
    return retSource;
}

so I think in your case, you could do like this:

Photo = Xamarin.Forms.ImageSource.FromStream(() => Android.App.Application.Context.ContentResolver.OpenInputStream(t));

Xamarin ListView Images disappears on Scroll

3 Answers3