.NET MAUI Blazor Hybrid中Android导航返回按钮无响应问题

你的代码未生效主要有两个原因：一是同步调用DisplayAlert.Result会导致UI线程死锁，二是BlazorWebView默认会捕获Android返回按钮事件用于内部导航，不会触发ContentPage的OnBackButtonPressed方法。以下是修复方案：

步骤1：修改MainPage布局，给BlazorWebView命名 #

确保你的MainPage.xaml中，BlazorWebView设置了x:Name，方便后续代码访问：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:blazor="clr-namespace:Microsoft.AspNetCore.Components.WebView.Maui;assembly=Microsoft.AspNetCore.Components.WebView.Maui"
             x:Class="WINITMobile.MainPage">
    <blazor:BlazorWebView x:Name="blazorWebView" HostPage="wwwroot/index.html">
        <blazor:BlazorWebView.RootComponents>
            <blazor:RootComponent Selector="#app" ComponentType="{x:Type local:Main}" />
        </blazor:BlazorWebView.RootComponents>
    </blazor:BlazorWebView>
</ContentPage>

步骤2：重写OnBackButtonPressed方法，正确处理异步与Blazor导航 #

修改MainPage.xaml.cs代码，优先处理Blazor内部的导航后退，再处理退出确认，同时用异步方式调用DisplayAlert：

using Microsoft.AspNetCore.Components.WebView.Maui;
using Microsoft.Maui.Controls;

namespace WINITMobile
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        protected override async void OnBackButtonPressed()
        {
            // 优先处理Blazor页面内的后退导航
            if (blazorWebView.CanGoBack)
            {
                blazorWebView.GoBack();
                return;
            }

            // 无内部导航时，弹出退出确认
            var isConfirmed = await DisplayAlert("离开页面", "确定要退出应用吗？", "确定", "取消");
            
            if (isConfirmed)
            {
                // 调用基类方法执行默认退出行为
                base.OnBackButtonPressed();
            }
            // 用户取消则阻止默认返回
        }
    }
}

关键说明 #

• 避免使用.Result同步等待异步操作：这会阻塞UI线程，导致对话框无法弹出，甚至死锁，必须用await异步调用DisplayAlert。
• 优先处理Blazor内部导航：BlazorWebView维护自己的导航栈，先判断CanGoBack，让用户可以在Blazor页面之间正常后退，再处理应用级别的退出。

内容的提问来源于stack exchange，提问作者Niranjan Chigulla