Implementing navigation elements
In Chapter 5, Navigation using .NET MAUI Shell and NavigationPage, when we introduced Shell, we mentioned the absolute route and relative route in Shell. We can define absolute routes in a visual navigation hierarchy and navigate to the relative route through query parameters.
This navigation strategy is similar in the Blazor version of our app. As we can see in Figure 8.4, we implement Blazor UI elements in the same way as our XAML version.
Figure 8.4: Navigation elements
The Items
page is the main page of our app after login. In the Items
page, in which the list of items is displayed, the following UI elements are related to the navigation:
- A list view – The user can navigate through the list and select an item.
- Context menu – It is associated with each item in the list view. The user can edit or delete an item using the context menu.
- Back button – The user can use it to navigate...