Change the second navigation bar text color different with main page color

Question

Xamarin form with 2 pages. I wish change the second navigation bar text color different with main page.
the code at App.xaml.cs will set both page together. how to make this separately?

 MainPage = new NavigationPage(new EntryPage())            
            {                
                BarTextColor = Color.White               
            };

Answer 1

Hello,​

Welcome to our Microsoft Q&A platform!

Change the second navigation bar text color different with main page color

Try using NavigationPage.TitleView to display the text content. You could define a different textColor in each page.

Check the code:

   <ContentPage ...  
       x:Class="TestApplication_4.MainPage">  
     
       <NavigationPage.TitleView>  
           <StackLayout>  
               <Label Text="MainPage" FontSize="18" TextColor="White"/>  
           </StackLayout>  
       </NavigationPage.TitleView>  
     
       ...  
   </ContentPage>  
     
   <ContentPage ...  
       x:Class="TestApplication_4.Page1">  
     
       <NavigationPage.TitleView>  
           <StackLayout>  
               <Label Text="Page1" FontSize="18" TextColor="Red"/>  
           </StackLayout>  
       </NavigationPage.TitleView>  
       ...  
   </ContentPage>  

Tutorial: https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/navigation/hierarchical#displaying-views-in-the-navigation-bar

Best Regards,

Jarvan Zhang

---

If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.