Comment changer l'onglet déroulant de style dans React-native

Question

J'utilise Native-Bae dans mon projet et j'ai déjà ajouté ces éléments de style pour l'onglet déroulant, mais cela ne change pas la couleur dont j'ai besoin. Voici mon code.

<Tabs styles={{tabBarUnderlineStyle:'#0dc49d',tabBarActiveTextColor:'#0dc49d',tabBarInactiveTextColor:'#D3D3D3'}} > 

    <Tab heading="Most Popular"> 
    <Articles /> 
    </Tab> 
    <Tab heading="New"> 
    <ArticlesNew /> 
    </Tab> 
</Tabs> 

Il montre la couleur bleue par défaut alors que je dois changer la couleur de soulignement, couleur du texte actif à la couleur de texte vert et inactif au gris.

Answer 1

i ont essayer votre code, et nous avons obtenu cette solution, première est propriétés de changement de votre Tabs si vous voulez changer le style de soulignement:

<Tabs tabBarUnderlineStyle={{ backgroundColor:'#0dc49d' }} > 

puis modifier les propriétés de style de votre onglet en utilisant ce code:

<Tab heading="Most Popular" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} > 

et votre code complet est devrait ressembler à ceci:

<Tabs tabBarUnderlineStyle={{ backgroundColor:'#0dc49d' }} > 

    <Tab heading="Most Popular" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} > 
    <Articles /> 
    </Tab> 
    <Tab heading="New" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} > 
    <ArticlesNew /> 
    </Tab> 
</Tabs> 

Hope peut aider votre problème, s'il vous plaît notez-moi si vous avez une erreur, merci :)