NativeScript - SegmentedBar

SegmentedBar 和 Tabview 类似的组建都是切换.用于 route

写法 1

<SegmentedBar [items]="items" (selectedIndexChanged)="itemChange($event)"></SegmentedBar>

public items = [
{ title: 'Item 1' },
{ title: 'Item 2' },
{ title: 'Item 3' }
];

public itemChange(e) {
console.log(e);
}

写法 2

最近有人嵌入,但当前版本没有,估计以后可用

<SegmentedBar>
<SegmentedBarItem title="Waiting" ></SegmentedBarItem>
<SegmentedBarItem title="Done" ></SegmentedBarItem>
</SegmentedBar>
  • selectedIndexChanged 事件能知道 oldIndex newIndex
    还能拿到所有的 items