TabView - NativeScript-Vue

<TabView> es un componente de navegación que muestra contenido agrupado en pestañas y permite a los usuarios cambiar la pestaña visible.

<TabView :selectedIndex="selectedIndex">
  <TabViewItem title="Tab 1">
    <Label text="Content for Tab 1" />
  </TabViewItem>
  <TabViewItem title="Tab 2">
    <Label text="Content for Tab 2" />
  </TabViewItem>
</TabView>

NOTA: Actualmente, el componente TabViewItem espera recibir un solo elemento hijo. En la mayoría de los casos, necesitas envolver tu contenido en un componente contenedor o layout.

Agregando íconos a las pestañas

<TabView :selectedIndex="selectedIndex" iosIconRenderingMode="alwaysOriginal">
  <TabViewItem title="Tab 1" iconSource="~/images/icon.png">
    <Label text="Content for Tab 1" />
  </TabViewItem>
  <TabViewItem title="Tab 2" iconSource="~/images/icon.png">
    <Label text="Content for Tab 2" />
  </TabViewItem>
</TabView>

NOTA: Utiliza imágenes para los íconos en lugar de fuentes.

Propiedades

Nombre	Tipo	Descripción
`selectedIndex`	`Number`	Obtiene o establece la pestaña seleccionada. Valor por defecto: `0`.
`tabTextColor`	`Color`	(Propiedad de Estilo) Obtiene o establece el color del texto para los títulos de las pestañas.
`tabBackgroundColor`	`Color`	(Propiedad de Estilo) Obtiene o establece el color de fondo de las pestañas.
`selectedTabTextColor`	`Color`	(Propiedad de Estilo) Obtiene o establece el color del texto de las pestañas.

Eventos

Nombre	Descripción
`tabChange`	Emitido cada vez que un componente `<TabViewItem>` es presionado.

Componente Nativo

Android	iOS
`android.support.v4.view.ViewPager`	`UITabBarController`