How does incremental loading work with this skill?

It guides you through using RemainingItemsThreshold and the associated command to fetch more data as the user approaches the end of the current list, enabling seamless infinite scrolling.

How do I fix poor scrolling performance in large lists?

You can use the 'MeasureFirstItem' sizing strategy for uniform items, ensure you are using compiled bindings with x:DataType, and avoid nesting CollectionViews inside non-virtualizing layouts like StackLayout.

Can I use CollectionView for horizontal scrolling?

Yes, you can set the ItemsLayout to HorizontalList or use a GridItemsLayout with a horizontal orientation to create carousels or horizontal galleries.

How do I handle empty data states?

The skill provides patterns for implementing the EmptyView property, which allows you to show a custom string or a complex layout when the ItemsSource is null or empty.

Why should I use CollectionView instead of ListView in .NET MAUI?

CollectionView offers significantly better performance, more flexible layout options like grids and horizontal lists, and simplifies the code by eliminating the need for ViewCell wrappers.

.NET MAUI CollectionView Implementation

Name: .NET MAUI CollectionView Implementation
Author: davidortinau

bydavidortinau

•

Mobile Development

Provides expert guidance and implementation patterns for building high-performance scrollable lists and grids in .NET MAUI applications.

The maui-collectionview skill equips developers with best practices for utilizing the .NET MAUI CollectionView control, offering a modern, performant alternative to the legacy ListView. It covers essential topics such as flexible list and grid layouts, data templating with compiled bindings, selection modes, and advanced features like incremental loading, grouped data, and integrated swipe actions. By providing clear patterns and troubleshooting tips for common performance bottlenecks, this skill helps developers create smooth, responsive data displays while maintaining optimal UI thread efficiency.

主要功能

01Interactive Elements: Configures selection modes, visual states, and interactive features like SwipeView and pull-to-refresh.

0298 GitHub stars

03State Management: Implements professional EmptyView layouts and grouped data structures with custom headers and footers.

04Dynamic Templating: Guidance on using DataTemplates with compiled bindings and runtime TemplateSelectors for heterogeneous data.

05Advanced Layouts: Implements linear lists and multi-column grid layouts with precise item spacing and orientation control.

06Performance Optimization: Strategies for ItemSizing virtualization and incremental loading (infinite scroll) to handle large datasets.

使用场景

01Building a responsive e-commerce product catalog with a grid layout and infinite scrolling.

02Creating a categorized contact list with sticky group headers and swipe-to-delete functionality.

03Implementing a search results page that displays a custom 'No Results' view when the collection is empty.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add davidortinau/maui-skills maui-collectionview

For use in Claude.ai and ChatGPT

Download Skill