Как изменить цвет подчеркивания вкладки Native Base - PullRequest
0 голосов
/ 23 сентября 2019

Я отчаянно пытаюсь изменить цвет, используемый для подчеркивания выбранной вкладки в вкладке элемента 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 },
        }
    },

И результат близок к этому.Моя точка зрения о синей линии:

enter image description here

...