Overview

The navigation bar is located under the status bar at the top of thescreen. Its main function is to display the current page title, provide function entrance and enable returning to the previous operation

Type

Level 1 navigation bar

The title of this type will be displayed on the left and does not include the return operation.

Level 2 navigation bar

The title is displayed in the center, and the return entrance is usually displayed. There are custom functions on the right side of the navigation.

Usage

Title

The title font of Level 1 navigation is 20pt #1f1f1f, which is displayed on the left.
The titlefont of level 2 navigation is 17pt #1f1f1fo. And explanatory text can be displayed on its lower side according to the situation; the title text should not be too long, and use “…” at the end when it is out of the displayable area.

Operational entrance

The operational entrance can be customized, and up to 3 operational entrances can be placed on the right.

Detailed description

The navigation bar is fitted with white background with #1f1f1f text and icons by default;
The version with light-color background: It fitted with white background, and dark text and icons by default;
The dark version: It is fitted with white text and icons;
Generally, the dark-bottomed navigation bar is only used in the level 1 navigation, and the light-colored bottom version is used in the level 2 navigation bar.