如何从 Maui Xaml 页面导航到 blazor 页面

Question

我知道如何使用

从 Blazor 导航到毛伊岛

App.Current.MainPage.Navigation.PushModalAsync(new MainPage());

但我该如何反过来呢？我的毛伊岛应用程序中有一个剃须刀组件，我的共享类库中有另一个组件，并且

`Navigationmanager.NavigateTo("/myBlazorPage")

无法在我的 Maui XAML.cs 页面上工作。当断点到达时什么也不会发生。屏幕没有变化，什么都没有

我似乎无法弄清楚并需要帮助

Answer 1

我认为我们无法从 Maui 页面导航到 razor 组件，因为它们的路线有很大不同。为了解决这个问题，您可以将 razor 组件包装在 Maui ContentPage 中。

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MauiBlazor"
             >

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

</ContentPage>

然后使用maui导航：

 App.Current.MainPage.Navigation.PushAsync(new MauiPages.MyPage());