如何在特定的底部导航选项卡组件中禁用 Nativescript 主题？

Posted 2023-04-14

【中文标题】如何在特定的底部导航选项卡组件中禁用 Nativescript 主题？

【英文标题】：How to disable NativescriptTheme in a specific BottomNav Tabs component?

【发布时间】：2020-05-25 17:24:55

【问题描述】：

我正在尝试设置 BottomNavigation 的标签样式，但由于全局安装了 Nativescript 主题，我无法做到这一点。 例如，我的 BottomNav Tab 标签填充了 Nativescript Theme 全局样式，可能用于标题或标签......好吧，我不知道。

这是我的例子...“Home”，因为它被选中，应该是黑色的。但由于全球安装的 Nativescript 主题，它是石灰。

我怎样才能有效地将它设置为黑色？

我已经尝试过使用 CSS：

TabStrip 
    background-color: $primary;
    color: #FFFFFF;


TabStripItem 
    color: white;


TabStripItem:active 
    color: black;


TabStripItem Label 
    font-size: 12;

但是没有用。 此外，我尝试将颜色设置为此 TabStripItem Label 并工作，但只是始终为黑色。我希望它可以动态设置。

【参考方案1】：

我找到了。

我只需要设置这个 CSS：

TabStripItem:active Label 
    color: black;