Как стилизовать tabItem, используя nativescript angular и построитель тем? - PullRequest
Новая
       6

Как стилизовать tabItem, используя nativescript angular и построитель тем?

0 голосов
/ 12 декабря 2018

Я создал приложение Nativescript Angular, используя шаблон навигации по вкладкам.Этот шаблон создан следующим образом: app.component.html: 

<TabView androidTabsPosition="bottom" class="tab-view">

    <page-router-outlet
        *tabItem="{title: 'People', iconSource: getIconSource('home')}"
        name="homeTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Events', iconSource: getIconSource('search')}"
        name="browseTab">
    </page-router-outlet>

    <page-router-outlet
        *tabItem="{title: 'Tags', iconSource: getIconSource('browse')}"
        name="searchTab">
    </page-router-outlet>

</TabView>

Я создал .css файл, используя построитель тем в https://www.nativescriptthemebuilder.com/, который произвел эту часть: 

.tab-view {
    selected-tab-text-color: #ffffff;
}

.tab-view {
    tab-text-color: #ffffff;
}

.tab-view {
    tab-background-color: #823551;
}

.tab-view {
    android-selected-tab-highlight-color: #d6c7d1;
}

Была инструкциячтобы добавить классы CSS к нативному элементу, я добавил класс tab-view, как вы можете видеть в первом фрагменте.Но цвет текста вкладки и цвет текста выбранной вкладки не изменяются и не соответствуют цвету из компоновщика тем.Все примеры, которые я нашел, относятся к представлениям xml или не используют директиву * 1013. *

Так что либо построитель тем Nativescript не работает с собственным шаблоном приложения Nativescript, либо я делаю что-то не так.Я что-то забыл или пропустил в этой конфигурации?

...