Implementing navigation elements
In Chapter 5, Navigation Using .NET MAUI Shell and NavigationPage, we introduced the concepts of absolute and relative routes within Shell. Absolute routes can be defined in a visual navigation hierarchy, while relative routes are navigable using query parameters.
This navigation approach closely resembles the strategy employed in the Blazor version of our app. As illustrated in Figure 9.4, we implement Blazor UI elements in a manner similar to the XAML version.
Figure 9.4: Navigation elements
The Items
page serves as the main page of our app after login. On this page, which displays a list of items, the following UI elements are related to navigation:
- A list view – Users can navigate the list and select an item.
- Context menu – Associated with each item in the list view, enabling users to edit or delete items.
- Back button – Allows users to navigate back.
- Add button – Enables...