The latest .NET MAUI 9 introduces two new exciting controls: HybridWebView and Titlebar for Windows. Let's explore these controls and how you can integrate them into your applications. Please, support my blog by clicking on our sponsors ad! HybridWebView The HybridWebView control allows you to host HTML, JavaScript, and CSS content in a web view, enabling communication between the code in the web view (JavaScript) and the hosting code (C#/.NET). For example, you can host an existing React JS app in a .NET MAUI native app and build the backend using C# and .NET. To create a .NET MAUI app using HybridWebView, you need: Static web content (HTML, JS, CSS, etc.) The HybridWebView control as part of the app UI (referenced in XAML) Code in both the web content and the C#/.NET side to send messages between components For more information, refer to the official HybridWebView documentation . T...

App.xaml <Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:FoodDeliveryApp" x:Class="FoodDeliveryApp.App"> <Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="Resources/Styles/Colors.xaml" /> <ResourceDictionary Source="Resources/Styles/Styles.xaml" /> </ResourceDictionary.MergedDictionaries> <Color x:Key="BackgroundColor">#F1EFEF</Color> <Color x:Key="Primary">#004AAD</Color> <Color x:Key="Secondary">#FF914D</Color> <Color x:Key="OldLace">#FDF7E4</Color> <Color x:Key="...

Login page with animation Food Delivery app - animated login page Please, support my blog by clicking on our sponsors ad! Follow basic setup from  here You will get all page of this app from FoodDeliveryApp Menu on top. <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FoodDeliveryApp.Pages.Authentication.Login" xmlns:mct="clr-namespace:CommunityToolkit.Maui.Behaviors;assembly=CommunityToolkit.Maui" Title="Login" BackgroundColor="{x:StaticResource BackgroundColor}" Shell.NavBarIsVisible="False"> <ContentPage.Behaviors> <mct:StatusBarBehavior StatusBarColor="{x:StaticResource Primary}"></mct:StatusBarBehavior> </ContentPage.Behaviors> <Grid RowDefinitions="Auto,Auto,Auto,Auto,Auto...

  Before learning.net maui handler you should know about .Net MAUI . Please, support my blog by clicking on our sponsors ad! This is explain in this video In xamarin forms, we are using renderer to customize the controls, this renderers are code in all project to update the property, but now .net MAUI has come with single project so it is providing handler to customize the control, so we are using handler instead of renderer in .net maui. What is Handler and Mappers? Mappers Mappers are a key concept in .NET MAUI handlers, usually providing a property mapper and sometimes a command mapper, which maps the cross-platform control’s API to the native view’s API. This mappers used dictionary to store the data. Handler It is a concept of maping cross platform control to native controls. Each control has an interface, each control that implement interface is called virtual views. Handler map this virtual views to control of each platform control which is known as native v...