Lesson 11 of 40
Mobile & Desktop
Intermediate
55 min
MAUI Cross-Platform Apps
Build native iOS, Android, macOS, and Windows apps from a single C# codebase with .NET MAUI 10 and VS 2026's visual designers.
Part 1: MAUI App Architecture
MAUI uses a single project targeting all platforms. Key folders:
Platforms/— platform-specific codeResources/— fonts, images, styles (automatically resized)MauiProgram.cs— DI container setup
Part 2: XAML Hot Reload
Edit XAML and see changes instantly on all connected devices/emulators simultaneously. In VS 2026, Hot Reload works across all MAUI platforms including real iOS devices via USB.
Part 3: Shell Navigation
<!-- AppShell.xaml -->
<Shell>
<TabBar>
<Tab Title="Home" Icon="home.png">
<ShellContent ContentTemplate="{DataTemplate local:HomePage}"/>
</Tab>
</TabBar>
</Shell>
<Shell>
<TabBar>
<Tab Title="Home" Icon="home.png">
<ShellContent ContentTemplate="{DataTemplate local:HomePage}"/>
</Tab>
</TabBar>
</Shell>
Part 4: Community Toolkit MVVM
[ObservableObject]
public partial class MainViewModel
{
[ObservableProperty]
private string _title = "Hello MAUI!";
[RelayCommand]
private void Navigate() => Shell.Current.GoToAsync("//details");
}
public partial class MainViewModel
{
[ObservableProperty]
private string _title = "Hello MAUI!";
[RelayCommand]
private void Navigate() => Shell.Current.GoToAsync("//details");
}
