Maui＆＃x2B;大麻杂种：手柄后按钮按在Android上

Question

我有一个使用MAUI Hybrid生产Android应用程序（APK）的项目。 BlazorWebView在MAUI应用程序中运行，因此网站（UN Blazor Wasm）和Maui App（Maui + Blazor WebView）都使用了页面代码。

MAUI应用程序（来自mainpage.xaml的代码）中包含BlazorWebView：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:b="clr-namespace:Microsoft.AspNetCore.Components.WebView.Maui;assembly=Microsoft.AspNetCore.Components.WebView.Maui"
             xmlns:local="clr-namespace:MyMauiBlazor"
             x:Class="MyMauiBlazor.MainPage">

    <b:BlazorWebView HostPage="wwwroot/index.html">
        <b:BlazorWebView.RootComponents>
            <b:RootComponent Selector="app" ComponentType="{x:Type local:Main}" />
        </b:BlazorWebView.RootComponents>
    </b:BlazorWebView>

</ContentPage>

on Android设备，是否可以 处理后按钮按下？

当前，该应用程序关闭，但我想处理此事件（例如：导航到上一页）。 有办法这样做吗？

Answer 1

我遇到了与您相同的问题，Microsoft尚未支持毛伊岛大麻的钥匙导航，但是我找到了一个临时解决方案：

首先，您必须创建一个JavaScript文件，并将其放入wwwroot文件夹中，并包括它在index.html文件中。在JS文件中放置此代码：

window.goBack = () => {
   history.go(-1);
}

然后您必须创建AC＃类并使其成为服务，例如，我创建了一个名为GOBACK.CS的类。要将其设置为服务，只需将此代码放入mauiprogram.cs：

builder.Services.AddTransient<GoBack>();

在GOBACK类中，您必须创建一个静态变量和方法，因为否则您将无法使用IJSruntime Interop。我的回收文件如下：

public class GoBack 
{
    private static IJSRuntime JSRuntime { get; set; }

    public GoBack(IJSRuntime jSRuntime)
    {
        GoBack.JSRuntime = jSRuntime;
    }
   
    public static async Task GoBackInTime()
    {
        //Microsoft.Maui.Platform;
        if (GoBack.JSRuntime != null)
        {
            await GoBack.JSRuntime.InvokeVoidAsync("goBack");
        }
    }

    
}

方法GOBACKINTIME将通过JSInteraperability调用JS方法回击。现在，您必须在加载此服务的第一个大火页面中注入。

@inject GoBack goBack

这样，CS文件中的jsruntime将被初始化而不是null。

现在，您要做的就是覆盖mainpage.xaml.cs中的onbackButtonPressEd方法：

protected override bool OnBackButtonPressed()
{
    GoBack.GoBackInTime();
    return true;
}

这样，当按下返回按钮时，它不会退出应用程序（因为我们返回了TRUE），同时js函数被称为，以便开拓者页面将导航到上一页。