Page Title Not Shown On Content Page

I set visibiliy of this page's navigation bar and my title was gone like that.
But there is a bluebar i can navigate back. I'm new at xamarin forms. I dont know its name but it works now. I want to show my page's title on that blue bar, not the Navigation bar. My page title must be shown on that empty space on the picture. How can i do that ?

Xaml:

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        xmlns:xct="http://xamarin.com/schemas/2020/toolkit"
        xmlns:local="clr-namespace:İdaServis.ViewModels"
        xmlns:renderers="clr-namespace:İdaServis.CustomRenderer"
        x:Class="İdaServis.View.PageName"
        Title="{Binding Title}"
        x:Name="Page"
        BackgroundColor="White">
 </ContentPage>

CS:

public PageName()
{
    InitializeComponent();
    NavigationPage.SetHasNavigationBar(this, false);
}

> I want to show my page's title on that blue bar, not the Navigation
> bar.

If you want show your page's title on that blue bar, please set the second parameter of NavigationPage.SetHasNavigationBar to true :

 public PageName()
{
    InitializeComponent();
    NavigationPage.SetHasNavigationBar(this, true);
}

Then you can set your page's title by adding code Title="My Page" for your Page. Just as follows:

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             Title="My Page"
             x:Class="MVVMApp.SecondPage">

   
</ContentPage>

Of cource, you can also custom this with TitleView.

For example:

 <?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             Title="My Page"
             x:Class="MVVMApp.SecondPage">

    <NavigationPage.TitleView>
        <Label  Text="custom TitleView----->"/>
    </NavigationPage.TitleView>
    <ContentPage.Content>
        <StackLayout>
            <Label Text="Welcome to secoend page"
                VerticalOptions="CenterAndExpand" 
                HorizontalOptions="CenterAndExpand" />

        </StackLayout>
    </ContentPage.Content>
</ContentPage>

To reproduce your problem, I added a LoginPage to offcial sample FlyoutSample.

The class order is: App.cs --> Login--> MainPage(FlyoutPage).

The steps are as follows:

1.In App.cs,replace MainPage = new FlyoutPageNavigation.MainPage (); with MainPage = new NavigationPage(new Login());

  public class App : Application 
      {
            public App ()
            {
                  //MainPage = new FlyoutPageNavigation.MainPage ();
                  MainPage = new NavigationPage(new Login());

            }

  }

2.On Page Login.xaml.cs,add a Button to navigate to MainPage(FlyoutPage)

      public partial class Login : ContentPage 
{
    public Login()
    {
        InitializeComponent();
    }

    private void Button_Clicked(object sender, EventArgs e)
    {

        Navigation.PushAsync(new MainPage());// this will add another navigate bar

        // Navigation.PushModalAsync will not add the navigate bar
        //Navigation.PushModalAsync(new MainPage());
    }
}

Note:

In method Button_Clicked,if you used the following code, a navigate bar will be added to the top of the screen. If you used FlyoutPage,there is no need to add this navigate bar.

Navigation.PushAsync(new MainPage());

So, try to use Navigation.PushModalAsync instead:

  Navigation.PushModalAsync(new MainPage());