-
Notifications
You must be signed in to change notification settings - Fork 160
Navigation Bar Specification
A navigation bar is used to facilitate parent-child like navigational patterns within an app. A nav bar is placed above the content in a header/toolbar.
Goals:
- Minimal API, focused on providing maximum flexibility for common use cases
- Mobile only approach
- Hybrid
As a citizen developer I want to define a page element.
As a citizen developer I want to define a root page.
As a citizen developer I want to add a Back Button icon to a nav bar. Back button pushes the previous page on the navigational stack and it is left aligned by default.
Android
Image1
Ex.g.
Image2
iOS
Back icon and the title of the previous page or just "Back".
Image3
Ex.g.
Image4
As a citizen developer I want to add a Title to a Navigational bar.
Android
Next to the Back Button, left Aligned to the bar.
Ex.g.
Image5
iOS Centered to the bar.
Ex.g.
Image6
As a citizen developer I want to add an unlimited number of icons alighned on the right side of the bar by default.
As a developer I want to hide/show the component as the main content is scrolled.
As a citizen developer I want to add a search option located in a navigation bar. (more detalis in Search API)
Android Back button disables Search
Eg.x.
Image7
iOS Cancel disables back button, acts like a Back Button
Ex.g. Image8
As a citizen developer I want to define gestures to navigate back to the previous page.
As an user I want to be able to navigate back to my previous page with a back button.
As an user I want to know the status of the system.
As an user I want to apply actions on content of the view.
As an user I want to hide/show the navigation bar as I scroll the main content.
As an user I want to search thru my content.
As an user I want to navigate to me previous page with the help of gestures
role=”navigation”