FFImageLoading
FFImageLoading copied to clipboard
Images disappear on collectionview scroll Xamarin Forms
Description
- I implemeneted experimental collectionview with Xamarin Forms 4.0, images are loading when app launched but after we scroll images are getting disappeared. I'm not sure this is the issue of CollectionView or FFImageLoading , so posting in both github Repo To Track : https://github.com/xamarin/Xamarin.Forms/issues/6341
Steps to Reproduce
- On scroll of collectionview(Xamarin forms 4.0) images getting disappeared in iOS, Android works fine.
Expected Behavior
- Images should not get disappeared.
Actual Behavior
- On scroll of collectionview(Xamarin forms 4.0) images getting disappeared in iOS, Android works fine.
Basic Information
- Version with issue: Current Latest version
- Last known good version: never tried with collectionview before
- Platform: iOS
Reproduction Link / Code
Here is the code
<CollectionView
ItemsLayout="{x:Static ListItemsLayout.HorizontalList}"
ItemSizingStrategy="MeasureFirstItem"
ItemsSource="{Binding FavouriteRecipes}"
HeightRequest="220">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid
Padding="5,2"
WidthRequest="140">
<Frame
HasShadow="true"
Padding="0"
Margin="0"
IsClippedToBounds="true"
CornerRadius="2"
BackgroundColor="White">
<Grid
Margin="0">
<Grid.RowDefinitions>
<RowDefinition
Height="150" />
<RowDefinition
Height="*" />
</Grid.RowDefinitions>
<ffimageloading:CachedImage
Grid.Row="0"
HeightRequest="150"
LoadingPlaceholder="placeholder_square.png"
ErrorPlaceholder="placeholder_square.png"
Aspect="AspectFill"
Source="{Binding Image}" />
<StackLayout
Grid.Row="1"
Orientation="Vertical"
Padding="5,0">
<Label
Font="14"
Text="{Binding Title}"/>
<StackLayout
Orientation="Horizontal"
HeightRequest="30">
<Image
Source="ic_clock_black.png"
Aspect="AspectFill"
WidthRequest="20"
HeightRequest="20"
VerticalOptions="Center"
HorizontalOptions="Start" />
<Label
Font="13"
Text="{Binding Time}"
VerticalTextAlignment="Center" />
</StackLayout>
</StackLayout>
</Grid>
</Frame>
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
Here is the link of video https://www.dropbox.com/s/wpgxkl6prtmn0iu/collectionview%20ffimageloading%20issue.mov?dl=0
I can confirm we are seeing the same issue with cached images in listview and flowlistview, pretty sure issue related to this Lib
Some times they show the first time some times they don't, other times scrolling away and then back then images disappear as well
@SagarPanwala Could you make a simple repo so I could add it to FFImageLoading project and debug it?
@SagarPanwala we are actually facing issue on android. We havnt tested on iOS
@daniel-luberda https://github.com/xamarin/Xamarin.Forms/issues/6341#issuecomment-503448744
@daniel-luberda Is this an issue with FFImageLoading or Forms?
I am still facing this images dissapering after scroll issue. Any solution?
I faced the same issue. It doesn't seem to have been fixed yet.