Change the text color of the selected item in a NativeScript SegmentedBar

nativescript-segmentedbar-selected-text-color.ts

import { Color } from "tns-core-modules/color";

declare const UIControlStateSelected: any;

export class CheckoutComponent implements OnInit {

  // this assumes you have this in your html: <SegmentedBar #paymentOptionsBar ..>
  @ViewChild("paymentOptionsBar") paymentOptionsBar: ElementRef;

  ngOnInit(): void {
    if (this.paymentOptionsBar.nativeElement.ios) {
      let segmentedControl = <UISegmentedControl>this.paymentOptionsBar.nativeElement.ios;
      let segmentedControlOptions = NSDictionary.dictionaryWithObjectForKey(new Color("blue").ios, NSForegroundColorAttributeName);
      segmentedControl.setTitleTextAttributesForState(segmentedControlOptions, UIControlState.Selected)
    }
  }
}