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

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

<Page> is a UI component that represents an application screen. NativeScript apps typically consist of one or more <Page> that wrap content such as an <ActionBar> and other UI widgets.


<Page>
  <ActionBar title="My App" />
  <GridLayout>
    <Label text="My Content"/>
  </GridLayout>
</Page>

Props

NameTypeDescription
actionBarHiddenBooleanShows or hides the <ActionBar> for the page.
Default value: false.
backgroundSpanUnderStatusBarBooleanGets or sets whether the background of the page spans under the status bar.
Default value: false.
androidStatusBarBackgroundColor(Android-only) Gets or sets the color of the status bar on Android devices.
enableSwipeBackNavigationBoolean(iOS-only) Gets or sets whether the page can be swiped back on iOS.
Default value: true.
statusBarStyleStringGets or sets the style of the status bar.
Valid values:
light,
dark.

Events

NameDescription
navigatedFromEmitted after the app has navigated away from the current page.
navigatedToEmitted after the app has navigated to the current page.
navigatingFromEmitted before the app has navigated away from the current page.
navigatingToEmitted before the app has navigated to the current page.

Native component

AndroidiOS
org.nativescript.widgets.GridLayoutUIViewController
Contributors