Awesome Open Source
Awesome Open Source


Navigation Bar Customization in Xamarin Forms

Blog post:


  • Title/Subtitle positioning
  • Subtitle
  • Bar Gradient Background
  • Title Font Customization
  • Subtitle Font Customization
  • Formatted Title
  • Formatted Subtitle
  • Image title
  • Bar Background
  • Bar Shadow
  • Bar Opacity
  • Title Margin
  • Title Padding
  • Title Border
  • Title Background

Usage on a Xamarin Forms page

//Sets the title position to end

CustomNavigationPage.SetTitlePosition(this, CustomNavigationPage.TitleAlignment.End);

//Sets shadow for bar bottom


//Gets if has shadow or not

bool hasShadow = CustomNavigationPage.GetHasShadow(this);

//Sets the title text font to Micro
CustomNavigationPage.SetTitleFont(this, Font.SystemFontOfSize(NamedSize.Micro));

//Sets the title color

//Sets bar background
CustomNavigationPage.SetBarBackground(this, Device.RuntimePlatform == Device.iOS ? "monkeybackground.jpg": "monkeybackground");

//Sets bar background opacity


  • UWP and other platforms support
  • Support Badges
  • Kerning
  • Back Button Customization
  • Toolbar Items Customization
  • Buttons/Picker as title
  • Rotated Title
  • Animations
  • Traslucent Bar
  • Collapsable Bar
  • Bar Templates

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
C Sharp (279,034
Android (41,112
Ios (19,313
Xamarin (1,775
Navigation (1,578
Xamarin Forms (1,251
Customization (436
Toolbar (215
Navigationbar (155
Related Projects