xamarin forms - actionbar color

xamarin forms status bar color
xamarin action bar
xamarin forms status bar text color
xamarin forms title bar color
xamarin remove action bar
xamarin forms shell status bar text color
xamarin android remove title bar
xamarin android change status bar color programmatically

How do I change the color of the actionbar and get the horizontal line back?

I have a successful android app developed in native xamarin android. Now i'm trying to port it to Xamarin Forms using the xaml approach.

I've created a hello world app and added a toolbar item the contentPage. When I initially start the app, the action bar is visible with my icon, the normal teal background and there is a nice horizontal line. However, once my forms code kicks in, it displays my icon, my toolbaritem icon, but the background is black and there is no horizontal line.

I've tried NavigationPage.BackgroundColor and that had no affect. I'm thinking i'm doing something small wrong.

Here is my xaml.

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage.Title> My Sample </ContentPage.Title>

        <ToolbarItem Name="test" Icon="ic_action_refresh" ></ToolbarItem>

<Label Text="Hello Forms" VerticalOptions="Center" HorizontalOptions="Center" />


Here is my app.cs

public class App 
public static Page GetMainPage() 
     var nav = new NavigationPage(new Splash()); 
     nav.BackgroundColor = Color.Teal; 
     return nav; 

I'd also like to hide the default actionbar at startup and go with a full splash screen, but I did find this thread that looks like it'll work. http://forums.xamarin.com/discussion/18290/hiding-the-status-bar-and-the-action-bar-in-android-app

This is what I have done.

in App.xaml, add following lines and it works in both iOS and Android

<Style TargetType="NavigationPage">
<Setter Property="BarBackgroundColor" Value="whatever color value here"/>

How to change backgroundcolor of actionbar, Forms. Hi guys! I can't get my head around the following issue after reading a lot But whatever I try, I can't change the color of the actionbar  Replacing the Action Bar. 03/27/2018; 7 minutes to read; In this article Overview. One of the most common uses for the Toolbar is to replace the default action bar with a custom Toolbar (when a new Android project is created, it uses the default action bar).

I figured it out. I was using the default template in VS2013 and the Xamarin.Forms.Core library reference was version 1.0. There have been a few updates since and one of them fixed the issue. I just updated via nuget to the latest version and it started working.

Replacing the Action Bar, To replace an app's default action bar with a Toolbar : After this project is created, set the target and minimum Android API levels to An olive-green colorPrimary setting is used for the background color of the toolbar: XML 1.Create an Mobile Apps Portable Forms application. 2. I have written a code to create Tabbed page and Set the background color:Purple of Tabbed Page. 4. Run the Application. 5. Now I tab on pages, I am able to see the purple color on all tabbed pages.

I've had a lot of luck with the following method when generating a NavigationPage, with the key being the BarBackgroundColor property being the key to setting the color of the bar itself. The underlying border should still be present as well. You can also use whatever method from Color you like, not just the FromHex method.

private Page GetNavigationPage(Page innerPage){
    var navigation =  new NavigationPage (innerPage);
    navigation.BarBackgroundColor= Color.FromHex ("#00263A"); 
        return navigation;

How to change the color of the Action Bar · Issue #396 · UXDivers , Grial is based on Xamarin Forms, so the main purpose is to allow you easily change styling through XAML. Normally, with what we provide you  ActionBar for Xamarin.Android. 02/06/2018; 3 minutes to read +1; In this article. When using TabActivity, the code to create the tab icons has no effect when run against the Android 4.0 framework.

Try to do it at App.xaml.cs

        MainPage = new NavigationPage(new TrainPage());
        ((NavigationPage)Application.Current.MainPage).BarBackgroundColor = Color.Black;
        ((NavigationPage)Application.Current.MainPage).BarTextColor = Color.White;

How to Change Action Bar Background Color and Title color , In more advanced cases the appearance of the status bar may change multiple times, due different colour themes on different screens within  How do I change the color of the actionbar and get the horizontal line back? I have a successful android app developed in native xamarin android. Now i'm trying to port it to Xamarin Forms using the xaml approach. I've created a hello world app and added a toolbar item the contentPage.

Xamarin Android Tutorial - Action Bar, Android includes two baseline activity themes that dictate the color for the action bar: Theme.Holo for a "dark" theme. Being away from actively coding in Xamarin.Forms for few years had made me forget allot of the basics. It's slowly coming back to me and when it does I really want to share with you my problems and solutions to them.

Dynamically changing the status bar appearance in Xamarin.Forms , Xamarin.Android – Enhance user experience with an ActionBar Of course, you can configure it at any time to change its menu, icon, text, color, or even (and  The Xamarin Forms Toolbar is an abstraction of the extensions you can add to the NavigationBar on each platform. ToolbarItems are the individual items you add to the NavigationBar. The difficult part with this abstraction, is the need for it to be separate or included in the navigation bar. In this post, I will go through how …

Styling the Action Bar, Hey all, I've been looking for a few weeks to find the way I could change the color of a deprecated method in C# Xamarin for Android known as'  This tutorial is for changing Action Bar background and title color and text appearance of Title of Action Bar in android android, android studio, action bar

  • try to set NavigationPage.BarBackgroundColor