NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
NavigationButton

This is an overview of the most common usage of NavigationButton. For more information about the available properties, methods, or events, head over to the complete API documentation for NavigationButton.

<NavigationButton> is a UI component that provides an abstraction for the Android navigation button and the iOS back button.

Extends <ActionItem>.


<ActionBar title="My App">
  <NavigationButton text="Go back" android.systemIcon="ic_menu_back" @tap="goBack" />
</ActionBar>

Props

NameTypeDescription
textString(iOS-only) Sets the text of the button.
android.systemIconString(Android-only) The icon to be shown in the button. You can specify any system icon whose name begins with the ic_ prefix. For a complete list of the available icons, see the R.drawable Android class.

Events

NameDescription
tapEmitted when the <NavigationButton> is tapped.

Native component

AndroidiOS
android.widget.ToolbarUINavigationItem
Contributors