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

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

<TabView> é um componente de navegação que mostra conteúdos agrupados em abas e permite o usuário alterar entre elas.


<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: TabViewItem atualmente espera um úncio elemento filho, na maioria dos casos você vai querer envolver o seu conteúdo em um layout.

Propriedades

nometipodescrição
selectedIndexNumberObtém ou define a aba atualmente selecionada. Padrão é 0.
tabTextColorColor(Propriedade de estilo) Obtém ou define a cor do texto dos títulos das abas.
tabBackgroundColorColor(Propriedade de estilo) Obtém ou define a cor de fundo das abas.
selectedTabTextColorColor(Propriedade de estilo) Obtém ou define a cor do texto do título da aba selecionada.

Eventos

nomedescrição
selectedIndexChangeEmitido quando um componente <TabViewItem> é tocado.

Componente Nativo

AndroidiOS
android.support.v4.view.ViewPagerUITabBarController
Contributors