ContentPage 标题不适用于 .NET MAUI Android 应用程序

Question

I try to create a title image for MAUI Android application, but the title is not visible. Even if I change with a label, same result:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="ChapsPizza.Views.MainPage"
             xmlns:vm="clr-namespace:ChapsPizza.ViewModels"
             Title="Test">
    
    <NavigationPage.TitleView>
        <Label Text="Test" TextColor="Black"/>
        <!--<Image Source="logo.png" Background="Orange"
            VerticalOptions="CenterAndExpand" 
            HorizontalOptions="CenterAndExpand"
            HeightRequest="40" WidthRequest="40"/>-->
    </NavigationPage.TitleView>

    <ContentPage.BindingContext>
        <vm:MainPageViewModel/>
    </ContentPage.BindingContext>

</ContentPage>

How can I fix this?

Answer 1

This potential issue is being fixed and tracked on this thread: https://github.com/do.net/maui/issues/3877

I tested it using Visual Studio 17.3.5 and the label in the TitleView was shown in the contentpage.

Update:

In your AppShell.xaml.cs , change it like below:

MainPage = new NavigationPage(new MainPage());

Answer 2

Use Shell.TitleView

<Shell.TitleView>
    <Label Text="Test" TextColor="Black"/>
</Shell.TitleView>

As I understand we should not use NavigationPage but I'm not sure.

NavigationPage is incompatible with .NET MAUI Shell apps, and an exception will be thrown if you attempt to use NavigationPage in a Shell app. For more information about Shell apps, see Shell.

https://learn.microsoft.com/en-us/do.net/maui/user-interface/pages/navigationpage?view.net-maui-7.0