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).

세그먼트바(SegmentedBar) 컴포넌트는 불연속적인 선택을 위해 탭형태의 뷰 컬랙션을 보여주는 간단한 방법을 제공합니다.


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

노트: 이 컴포넌트는 v-model 을 이용한 양방향(two-way) 바인딩을 지원합니다:

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

Props

이름타입설명
itemsArray<SegmentedBarItem>세그먼트바에 표시될 아이템 리스트.
selectedIndexNumber선택된 아이템들의 인덱스
selectedBackgroundColorColor선텍된 아이템들의 배경색. 전체 바에 배경색을 적용하려면 backgroundColor를 사용하세요.

이벤트

이름설명
selectedIndexChange세그멘트 바의 아이템이 탭될때 발생.

Native Component

AndroidiOS
android.widget.TabHostUISegmentedControl
Contributors