如何在Nativescript angular segmentedBar android中更改选定的选项卡视图指示器颜色

.selected-indicator {
    background-color: red; /* 这里可以设置你想要的颜色 */
}

import { Component, ViewChild, ViewContainerRef } from "@angular/core";
import { SegmentedBar } from "tns-core-modules/ui/segmented-bar";

@Component({
    selector: "app-segmented-bar",
    templateUrl: "./segmented-bar.component.html",
    styleUrls: ["./segmented-bar.component.css"]
})
export class SegmentedBarComponent {
    @ViewChild("segmentedBar", { static: false }) segmentedBar: ElementRef<SegmentedBar>;

    constructor(private viewContainerRef: ViewContainerRef) {}

    onSelectedIndexChanged(args) {
        const segmentedBar = this.segmentedBar.nativeElement;
        const selectedIndex = segmentedBar.selectedIndex;

        // 移除所有选项卡的自定义类
        segmentedBar.eachChildView((child) => {
            child.viewContainerRef.nativeElement.classList.remove("selected-indicator");
            return true;
        });

        // 添加选中选项卡的自定义类
        const selectedTab = segmentedBar.items[selectedIndex];
        selectedTab.viewContainerRef.nativeElement.classList.add("selected-indicator");
    }
}

<SegmentedBar #segmentedBar (selectedIndexChange)="onSelectedIndexChanged($event)">
    <SegmentedBarItem title="选项卡1"></SegmentedBarItem>
    <SegmentedBarItem title="选项卡2"></SegmentedBarItem>
    <SegmentedBarItem title="选项卡3"></SegmentedBarItem>
</SegmentedBar>