FlowListView is not updating when remove an item

Hi guys!

I have a simple scenario which a user can add and remove items from a ObservableCollection in MVVM app.

I have an issue when I have two or more items and remove one item. The UI is not updating. But when all items are removed from ObservableCollection, then the UI is updated clearing the list.

Take a look in the demo:

Here is the (resumed) code:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
			 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
			 xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
			 prism:ViewModelLocator.AutowireViewModel="True"
			 xmlns:converters="clr-namespace:MyApp.Converters;assembly=MyApp"
			 x:Class="MyApp.Views.MyPage"
			 x:Name="MyPage">

	<ContentPage.Resources>
		<ResourceDictionary>
			<converters:UrlToImageSourceConverter x:Key="UrlToImageSource" />
		</ResourceDictionary>
	</ContentPage.Resources>

	<StackLayout HorizontalOptions="FillAndExpand" >

		<controls:FlowListView FlowColumnCount="3" 
							SeparatorVisibility="None" VerticalOptions="Start"
							HasUnevenRows="True"									
							FlowItemsSource="{Binding Images}">
			<controls:FlowListView.FlowColumnTemplate>
				<DataTemplate>
					<StackLayout Padding="0,0,0,0">
						<Image Source="{Binding Url, Converter=UrlToImageSource}" HeightRequest="90" Margin="0,5,0,5" />
						<Button Text="Remove" 
								Command="{Binding Source={x:Reference MyPage}, Path=BindingContext.RemoveImageCommand}" 
								CommandParameter="{Binding .}"/>
					</StackLayout>
				</DataTemplate>
			</controls:FlowListView.FlowColumnTemplate>
		</controls:FlowListView>

	</StackLayout>
</ContentPage>

public class MyPageViewModel : BindableBase
{
	private ObservableRangeCollection<MyImage> _imageList = new ObservableRangeCollection<MyImage>();


	public DelegateCommand<MyImage> RemoveImageCommand => new DelegateCommand<MyImage>(item => _imageList.Remove(item) );
	//...

	public ObservableRangeCollection<MyImage> Images
	{
		get { return _imageList; }
		set { SetProperty(ref _imageList, value); }
	}

}

public class MyImage
{
	public string Url { get; set; }
}

[NelsonSantos]

+1 Here!!

But, I maked a workaround to solve this until a solution:

1 - Remove the item 2 - Make a copy of your collection 3 - Set this copy in your ObservableCollection at your model

This make to FlowListItens.FlowItemsSource to know that have new collection and refresh the data.

Regards…

Nelson

[levelfivecoder]

+1 Here!!

But, I maked a workaround to solve this until a solution:

1 - Remove the item 2 - Make a copy of your collection 3 - Set this copy in your ObservableCollection at your model

This make to FlowListItens.FlowItemsSource to know that have new collection and refresh the data.

Regards…

Nelson

not working