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

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

O componente SegementedBar oferece uma maneira simples de mostrar uma coleção de abas para seleção.


<SegmentedBar :items="listOfItems" selectedIndex="0"
    @selectedIndexChange="onSelectedIndexChange" />

Nota: Esse componente suporta two-way data binding usando v-model:

<SegmentedBar :items="listOfItems" v-model="selectedItem" />

Propriedades

nometipodescrição
itemsArray<SegmentedBarItem>Uma lista de itens para mostrar na barra segmentada.
selectedIndexNumberO index do item selecionado.
selectedBackgroundColorColorDefine a cor de fundo do item selecionado. Para definir a cor de fundo da barra inteira, use backgroundColor.

Eventos

nomedescrição
selectedIndexChangeEmitido quando um item da barra segmentada é tocado

Componente Nativo

AndroidiOS
android.widget.TabHostUISegmentedControl
Contributors