Я отчаянно пытаюсь изменить цвет, используемый для подчеркивания выбранной вкладки в вкладке элемента NativeBase https://docs.nativebase.io/Components.html#tabs-def-headref.Таким образом, я смог изменить цвет текста выбранного элемента на красный, но, похоже, нет способа сделать это для синей полосы нижнего подчеркивания.
вот родной шаблон Vue, который может использовать любой ответнативный элемент.
<template>
<nb-container :style="{flex:1, backgroundColor: '#fff'}">
<header v-bind:title="title" ></header>
<nb-tabs>
<nb-tab :heading="heading1" :textStyle="textStyle" :activeTextStyle="activeTextStyle" :tabStyle="tabStyle" :activeTabStyle="activeTabStyle">
<actualitesVue v-bind:navigation= "navigation" > </actualitesVue>
</nb-tab>
<nb-tab heading="Dossiers" :textStyle="textStyle" :activeTextStyle="activeTextStyle" :tabStyle="tabStyle" :activeTabStyle="activeTabStyle">
<dossiersVue v-bind:navigation= "navigation" > </dossiersVue>
</nb-tab>
</nb-tabs>
</nb-container>
вот реквизит
data: function () {
return {
heading1: "Actualités",
title : "INFOS",
tabStyle : {backgroundColor: "white"},
activeTabStyle : {backgroundColor: "white"},
textStyle : {color: "rgba(189,40,26,0.6)"},
activeTextStyle : {color : "rgba(189,40,26,1)", fontSize: 20 },
}
},
И результат близок к этому.Моя точка зрения о синей линии: