Change the color of the top and bottom bar (ControlsBar, StatusBar) in a Xamarin.Forms app

Question

Is there anyway, even if requires platform specific code behind, to change the color of both the top bar (the one in blue) and the bottom bar (the one in black)?

I wish to add support for light and dark modes, so I would like to be able to change that during runtime.

https://stackoverflow.com/questions/37993741/xamarin-forms-change-statusbar-color — Anand, Apr 18 '19 at 17:42
Thanks, but what about the bottom black bar? I saw some apps changing the color of that component, so I think that it's possible. — Nicke Manarin, Apr 18 '19 at 19:14

Junior Jiang · Accepted Answer · 2019-07-01T01:55:15.243

8

It is possible .

Android:

Using Window.SetStatusBarColor and Window.SetNavigationBarColor can do that easily above Android API 21.

  if (Build.VERSION.SdkInt >= Build.VERSION_CODES.Lollipop)
  {
       Window.SetStatusBarColor(Android.Graphics.Color.Orange);
       Window.SetNavigationBarColor(Android.Graphics.Color.Orange);
   }

IOS:

In ios, change navigation bar and status bar , can use as bellow:

NavigationController.NavigationBar.BarTintColor = UIColor.YouWantColor;
// Color you want, such as UIColor.Green

After click button, changed dynamically to green color.

edited Jul 01 '19 at 01:55

answered Apr 19 '19 at 03:29

Junior Jiang

12,430
1
10
30

Thanks, what about iOS? – Nicke Manarin Apr 22 '19 at 18:43

score 1 · Answer 2 · answered Oct 03 '19 at 19:38

Android

Build.VERSION_CODES.Lollipop is obsolete. Use Android.OS.BuildVersionCodes:

if (Build.VERSION.SdkInt >= Android.OS.BuildVersionCodes.Lollipop)
{
  Window.SetStatusBarColor(Android.Graphics.Color.Orange;
  Window.SetNavigationBarColor(Android.Graphics.Color.Orange;
}

Change the color of the top and bottom bar (ControlsBar, StatusBar) in a Xamarin.Forms app

2 Answers2

Linked