Book Image

.NET MAUI Cross-Platform Application Development - Second Edition

By : Roger Ye
3 (1)
Book Image

.NET MAUI Cross-Platform Application Development - Second Edition

3 (1)
By: Roger Ye

Overview of this book

An evolution of Xamarin.Forms, .NET MAUI is a cross-platform framework for creating native mobile and desktop apps with C# and XAML. Using .NET MAUI, you can develop apps that’ll run on Android, iOS, macOS, and Windows from a single shared codebase. In this revised edition of .NET MAUI Cross-Platform Application Development you will be introduced to .NET 8 and get up to speed with app development in no time. The book begins by showing you how to develop a cross-platform application using .NET MAUI, including guidance for migrating from Xamarin.Forms. You’ll gain all the knowledge needed to create a cross-platform application for Android, iOS, macOS, and Windows following an example project step by step. As you advance, you’ll integrate the latest frontend technology into your app using Blazor components, including the new Blazor Bindings feature. After this, you’ll learn how to test and deploy your apps. With new coverage on creating mock .NET MAUI components, you can develop unit tests for your application. You will additionally learn how to perform Razor component testing using bUnit. By the end of this book, you’ll have learned how to develop your own cross-platform applications using .NET MAUI.
Table of Contents (18 chapters)
Free Chapter
1
Part 1: Exploring .NET MAUI
9
Part 2: Implementing .NET MAUI Blazor
13
Part 3: Testing and Deployment
16
Other Books You May Enjoy
17
Index

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 8.4: Navigation elements

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...