Navigation bar is designed to work as the header of normal pages and it's one of the default subviews of PageWithNavBar. 

To use this component, install the Zebble.NavigationBar nuget package. 
It's open source and available on GitHub. Also we welcome any contributions to enhace it.

Navigation bar contains:

• Title: you can set that in all pages that have the Navigation bar.
• LeftButtons: Takes 50% of page width and position children from left side.
• RightButtons:Takes 50% of page width and position children from right side.

Note: If your page inherits from PageWithNavBar, Zebble adds Back Button or Burger Menu (only in case of having "TopMenu") to the left side of Navigation bar automatically .

Example:

Page.GetNavBar().AddButton(ButtonLocation.Right, AddButton = new ImageView
{
     Path = Images/NavBar/Add.png"
}.On(x => x.Tapped, AddButtonTapped)));

Styling

NavigationBar by default has its CssClass set to "navbar-background" which you can use to style it in your css file. For example:

.navbar-background { background: #6e004e); }