Change the Nav Bar Transparency

PDF for offline use
Sample Code:
Related SDKs:

Let us know how you feel about this

Translation Quality


This recipe shows how to change the transparency of the navigation bar.


To make the navigation bar transparent, set the Translucent property of the UINavigationBar:

this.NavigationController.NavigationBar.Translucent = true;

To return it to the default, set the property to false:

this.NavigationController.NavigationBar.Translucent = false;

Additional Information

When the navigation bar is transparent, content in the underlying view can be seen beneath it. This means the visible content area expands to include the area ‘underneath’ the navigation bar.

The navigation bar does not allow you to interact with the controls underneath, so avoid placing buttons or other input controls completely beneath it.

Xamarin Workbook

If it's not already installed, install the Xamarin Workbooks app first. The workbook file should download automatically, but if it doesn't, just click to start the workbook download manually.