【问题标题】:How to disable NativescriptTheme in a specific BottomNav Tabs component?如何在特定的底部导航选项卡组件中禁用 Nativescript 主题?
【发布时间】: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 并工作,但只是始终为黑色。我希望它可以动态设置。

【问题讨论】:

    标签: ios vue.js nativescript nativescript-vue


    【解决方案1】:

    我找到了。

    我只需要设置这个 CSS:

    TabStripItem:active Label {
        color: black;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-09-10
      • 2019-11-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-10
      • 2017-03-12
      • 2020-03-19
      相关资源
      最近更新 更多