How to implement Sticky Headers with Linked Navigation in .NET MAUI (like Uber restaurant menu)?

[Kremed]

Hello community 👋

I am building a food delivery app using .NET MAUI.
On the restaurant page, I want to achieve a common UX pattern similar to Uber Eats / Talabat / DoorDash:

At the top, I have a horizontal list of categories (e.g., Pizza, Burgers, Drinks).

Below, I have a vertical list of items, grouped by those categories.

When the user scrolls down in the items list, the selected category in the top list should automatically update.

When the user taps a category on the top list, the items list should scroll to the beginning of that category.

This is often called “Sticky Headers with Linked Navigation” or “Category–Item Synchronization”.

👉 My Question:
What is the recommended approach to implement this pattern in .NET MAUI without causing performance issues (laggy scrolling, heavy UI)?
Should I:

Use one grouped CollectionView with IsGrouped="True" and handle the header synchronization manually, or

Keep two CollectionViews (categories + items) and synchronize them via events (Scrolled, SelectionChanged), or

Is there a better practice in MAUI for this kind of scenario?

Any guidance, code snippets, or references would be greatly appreciated 🙏

Thanks in advance!

[rokmeglic71]

Are top header dynamic or static? Is sticky header always three tabs or more/less?