Tabbar

Tabbar screen navigation is the option to choose when you need to display up to 5 screens with a tabbar. To create a new Tabbar, you will need to select it during the creation of the Navigation Screen.

Tabbar Style

Background color

The background color of the Tabbar.

Translucent

Indicates whether the Tabbar is translucent.

Tabbar Items - Screens

Tabbar items are the screens that the Tabbar will display. Every Tabbar item will need to have a Target Screen.

Number of Tabbar Items

Defines how many screens the Tabbar will display. Its value ranges from 1 to 5.

Items

Select the Tabbar item to edit and rearrange their order.

Target Screen

Select the screen that you would like the Tabbar item to show when it is pressed.

If the Navigation Controller option is enabled, then the Target Screen will create a new navigation stack using navigation controller feature and will place itself as the root screen.

Present in Full Screen

If the Present in Full Screen option is enabled, then the Target Screen will be presented on top of the Tabbar using present modally presentation style.

Tabbar item style

Each Tabbar item can have a customizable design.
Tip: make sure to implement the Tabbar item’s style, so it is evident when the Tabbar Item is selected and when not.

Title

The title of the Tabbar Item.

Title color

The color of the Tabbar Item title when it is not selected.
Note: This property can be empty, and a default title color is set.

Selected title color

The title color of the Tabbar Item when it is selected.
Note: This property can be empty and a default selected title color is set.

Title font

The font of the Tabbar Item title.

Icon

The icon of the Tabbar Item when it is not selected.
Note: This property can be empty.

Selected icon

The icon of the Tabbar Item when it is selected.
Note: This property can be empty.