如何在NativeScript Angular 2移动应用程序中更改segmentBar活动文本颜色

时间:2016-12-04 08:23:58

标签: angular nativescript angular2-nativescript

我想更改活动segmentBarItem的文本和边框颜色。请查看随附的图片。

<SegmentedBar class="m-5" #sb [items]="Items"      
    (selectedIndexChange)="onChange(sb.selectedIndex)" borderWidth="0"    
    borderColor="#c2d500" selectedBackgroundColor="green" 
    [items]="[{title: 'News'}, {title: 'Events'}, {title: 'Scan History'}]" 
    borderRadius="0">
</SegmentedBar>

我想将selectedColor更改为黑色。现在它的默认活动segmentBar文本颜色为白色

Layout Image

1 个答案:

答案 0 :(得分:1)

事实是分段栏 selectedbackgroundColor 将表现为本机组件。对于iOS,在这种情况下,selectedbackgroundColor将更改点击栏的颜色。但是,对于Android,selectedbackgroundColor将仅更改抽头栏的下划线颜色。