NavigationView

A widget that displays a stack of pages with a toolbar that allows to navigate back. The toolbar also displays the current page’s title and the highest priority that are added to the NavigationView. Only children of type , Action and SearchAction are supported. Since the NavigationView does not compute its own size, the width and height must be defined by the respective layout properties (e.g. either width or left and right must be specified).

Import this type with “const {NavigationView} = require('tabris');”

Parameters:

Returns the ordered list of pages on the page stack, with the bottommost page as the first and the topmost page as the last element. Same as children(), but only returns children that are of type Page.

actionColor

Type:

The color used for action icons.

actionTextColor

AndroidWindows 10

Type:

The color used for action texts. Only applied on Android and Windows. IOS uses the actionColor to colorize the action text.

bottomToolbarHeight

Type: number

The height of the bottom toolbar. Is 0 if not visible or unsupported by the platform.

drawerActionVisible

Type: boolean

Whether to display the so-called “Burger menu” to open the drawer.

pageAnimation

Type: string, supported values: , none, default: default

Controls what animation to use when animating a page transition.

titleTextColor

Type: Color

The text color used for page titles.

toolbarColor

Type: Color

The background color of the toolbar.

toolbarVisible

Type: boolean, default: true

Whether the toolbar is visible.

Type: number

The height of the top toolbar. Is 0 if not visible.

win_drawerActionBackground

Windows 10

The background color used for the drawer action. It is common to the make this the same color as the splash screen. Available only on Windows.

win_drawerActionTheme

Windows 10

Type: string, supported values: light, dark, default, default: default

Controls the color scheme used for the drawer action. When set to "default" the theme is inherited from the NavigationView. Available only on Windows.

win_toolbarOverflowTheme

Windows 10

Type: string, supported values: , dark, default, default: default

Controls the color scheme used for the toolbar’s overflow menu. When set to "default" the theme is inherited from the toolbar. Available only on Windows.

win_toolbarTheme

Windows 10

Type: string, supported values: light, dark, default, default: default

Controls the color scheme used for the toolbar. When set to the theme is inherited from the NavigationView. Available only on Windows.

actionColorChanged

Fired when the property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: The new value of actionColor.

actionTextColorChanged

Fired when the actionTextColor property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: Color The new value of .

bottomToolbarHeightChanged

Fired when the height of the bottom toolbar changes, e.g. if it changes visibility.

Event Parameters

  • target: this The widget the event was fired on.

  • value: number The new value of bottomToolbarHeight.

drawerActionVisibleChanged

Fired when the drawerActionVisible property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: boolean The new value of drawerActionVisible.

Fired when the property has changed.

Event Parameters

titleTextColorChanged

Fired when the titleTextColor property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: Color The new value of .

toolbarColorChanged

Fired when the property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: The new value of toolbarColor.

toolbarVisibleChanged

Fired when the toolbarVisible property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: boolean The new value of toolbarVisible.

topToolbarHeightChanged

Fired when the height of the top toolbar changes, e.g. if it changes visibility.

Event Parameters

  • target: this The widget the event was fired on.

  • value: number The new value of .

win_drawerActionBackgroundChanged

Fired when the property has changed.

Event Parameters

win_drawerActionThemeChanged

Fired when the win_drawerActionTheme property has changed.

Event Parameters

win_toolbarOverflowThemeChanged

Fired when the win_toolbarOverflowTheme property has changed.

Event Parameters

win_toolbarThemeChanged

Fired when the win_toolbarTheme property has changed.

Event Parameters

  • target: this The widget the event was fired on.

  • value: string The new value of win_toolbarTheme.