MAUI Staggered CollectionView

[Elinares-82]

There are a couple of request to have in MAUI event in XF the ability to create a Staggered CollectionView. I saw this in several mobile frameworks, however the Micrsoft team is not pretending to add this feature to MAUI. These are the two request feature links that ask for this. Is there an intention to add Staggered layout to the CollectionView?

dotnet/maui#7761
dotnet/maui#9659

[VladislavAntonyuk]

We need to implement a new layout for CollectionView in addition to Linear/GridItemsLayout.

I like the idea.
For now you can use: https://github.com/jsuarezruiz/netmaui-beautyshop-app-challenge

[Elinares-82]

Thanks ! However I have read that this control has some bugs and it’s not ready for large amount of data . I have an e-commerce platform in XF using FlowLisView and I moved to Maui using CollectionView, having said this , can I use that control for production purposes ?

[bijington]

Thanks ! However I have read that this control has some bugs and it’s not ready for large amount of data . I have an e-commerce platform in XF using FlowLisView and I moved to Maui using CollectionView, having said this , can I use that control for production purposes ?

I think that will be up to you to evaluate whether it covers your business needs and is stable for it.

[Elinares-82]

Thanks ! Sure, I’ll give it a try. I hope the MAUI team does some effort with this kind of control .

[GeorgeLeithead]

I think I raised this before under #572

[Elinares-82]

Yes @GeorgeLeithead , but the grid control called VariableSizedWrapGrid is ready to production purposes? I mean in this comment dotnet/maui#7761 (comment) jsuarezruiz said that "if the number of elements is not very large" but most of the application can get a lot of items for example an ecommerce platform (my case). Is there an alternative for this type of layout?

[Elinares-82]

Is there news regarding this requirement?

[bijington]

You might have to try using that control and see how it performs for you

[Elinares-82]

Thanks, I'll give it a try.

[Elinares-82]

Hi, with the help of @roubachof

I realized that there is a control that can help to create a great one. I'm working porting to MAUI.

WCollectionView

[VladislavAntonyuk]

https://vladislavantonyuk.github.io/articles/.NET-MAUI-CollectionView-with-Staggered-Layout use as the start point. For iOS and Windows I will update a bit later

[VladislavAntonyuk]

Good found, I will take a look and update sample/article.

[Elinares-82]

Sure!, let me shared with you the cs

StaggeredItemsLayout.zip

[Elinares-82]

There are more functionalities that are not working for example RemainingItemsThresholdReachedCommand, but step by step I'll help to adding them.

[Elinares-82]

@VladislavAntonyuk Quick update. I achieved the desired result by setting the layout.

A lot of work needs to be done on this, but I think this is the way.

[Elinares-82]

I added Layout type validation.

And this is the file with all the changes.

StaggeredItemsLayout.zip