如何设置Tabs TabStrip边框底部的样式

Question

默认情况下，本机脚本选项卡TabStrip在活动项目的底部带有蓝色边框。如何更改此蓝色底边框的颜色？

我已经按照以下“样式”部分中的文档链接尝试了“样式”标签：

https://docs.nativescript.org/angular/ui/ng-components/tabs

Answer 1

解决了这个问题。我必须更改强调颜色App_Resources。

Answer 2

您可以为此使用特殊的本机CSS属性 highlight-color 。

这里是一个例子：

Tabs TabStrip {
    background-color: #fff;
    highlight-color: #f00; // Here you can write your color code 
    color: #fff;
    font-size: 14;
    font-weight: bold;
}

以下是Playground应用中的示例：https://play.nativescript.org/?template=play-tsc&id=hhPr9s&_ga=2.8323127.464253737.1575620904-1702602123.1572291235

这是Nativescript团队的官方博客，介绍了Tabs组件，希望对您有所帮助：https://www.nativescript.org/blog/tabs-and-bottomnavigation-nativescripts-two-new-components