.NET MAUI Pages and Navigation Guide

.NET MAUI (Multi-platform App UI) is a modern application development framework developed by Microsoft, targeting both mobile and desktop platforms. .NET MAUI allows you to create user interfaces with the same codebase across different devices. In this guide, we will technically examine the types of .NET MAUI Pages and how to perform Navigation (page transitions) in your application.

.NET MAUI Page Types

.NET MAUI offers various types of Pages to organize the user interface of your application. Each Page represents a specific screen or function. The main page types are as follows:

ContentPage

The most commonly used page type, ContentPage, contains a simple user interface component and generally represents a screen.

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.MainPage">
    <StackLayout>
        <Label Text="Hello, .NET MAUI!" />
    </StackLayout>
</ContentPage>

NavigationPage

NavigationPage provides a navigation stack where users can navigate from one page to another. With NavigationPage, basic navigation operations such as back are automated.

// Initialize with NavigationPage
public App()
{
    MainPage = new NavigationPage(new MainPage());
}

Using MAUI Navigation

Navigation (page transitions) in your application with .NET MAUI Pages is quite flexible and easy. The Navigation.PushAsync and Navigation.PopAsync methods are used to navigate between pages.

Open a Page (PushAsync)

// Open a new page
await Navigation.PushAsync(new DetailPage());

Go Back to a Page (PopAsync)

// Go back from the opened page
await Navigation.PopAsync();

Conclusion and Tips

The .NET MAUI Pages and navigation system greatly facilitate modern application development processes. It offers a simple and powerful structure in terms of both code readability and user experience. By using the correct page types and navigation methods, you can provide your application with a robust and flexible navigation structure. You can produce efficient solutions in your projects by trying out .NET MAUI Pages and Navigation.