Navigation Bar Item

The Navigation Bar Item is a standard item for use within a Navigation Bar. It typically consists of an icon and a label, with different appearances for selected and unselected states.

Properties

Property
Description

showIf

If false, this item will not be displayed in the navigation bar.

onSelect

An action to perform when this item is selected. This usually involves navigating to a different page.

Label Properties

Property
Description

text

The text of the label.

textStyle

The TextStyle for the label.

alignment

The alignment of the label.

maxLines

The maximum number of lines for the label.

overflow

How label overflow is handled.

Unselected State Properties

Property
Description

unselectedType

The type of content to display when the item is unselected (icon or image).

unselectedIcon

The icon to display when unselected. See Icon for properties.

unselectedImage

The image to display when unselected. See Image for properties.

Selected State Properties

Property
Description

selectedType

The type of content to display when the item is selected (icon or image).

selectedIcon

The icon to display when selected. See Icon for properties.

selectedImage

The image to display when selected. See Image for properties.

Last updated