Как изменить цвет активного текста segmentBar в мобильном приложении NativeScript Angular 2

Я хочу изменить цвет текста и границы активного 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 по умолчанию белый.

Изображение макета


nativescript angular angular2-nativescript
person ramya0072    schedule 04.12.2016    source источник
comment
Можете ли вы более четко объяснить свою проблему и опубликовать код, который вы пробовали?   -  person Dean Le    schedule 04.12.2016
comment
Мой код: ‹SegmentedBar class=m-5 #sb [items]=Items (selectedIndexChange)=onChange(sb.selectedIndex) borderWidth=0 borderColor=#c2d500 selectedBackgroundColor=green [items]=[{title: 'Новости'}, {title: 'События'}, {title: 'История сканирования'}] borderRadius=0›‹/SegmentedBar› Я хочу изменить selectedColor на черный. Теперь его активный цвет текста segmentBar по умолчанию белый.   -  person ramya0072    schedule 04.12.2016

Ответы (1)


arrow_upward
1
arrow_downward

Дело в том, что Segmented bar и selectedbackgroundColor будут вести себя так же, как и нативные компоненты. В этом случае для iOS selectedbackgroundColor изменит цвет панели, на которую нажали. Однако для Android selectedbackgroundColor изменит только цвет подчеркивания для панели, на которую нажали.

person Nick Iliev    schedule 05.12.2016