Nativebase: How to change active tab border bottom color of tabs.

Created on 24 Sep 2019  路  3Comments  路  Source: GeekyAnts/NativeBase

I have gone through these following points

Issue Description

node, npm, react-native, react and native-base version, expo version if used, xcode version

Expected behaviour

Actual behaviour

Steps to reproduce

Is the bug present in both iOS and Android or in any one of them?

Any other additional info which would help us debug the issue quicker.

Important

If you want your issue to be looked at quicker, attach a snack reproducible with your issue. Makes it easier for us!

Most helpful comment

@rshaikhcornerstone - If you look at the docs under Tabs section (https://docs.nativebase.io/Components.html#tabs-def-headref), you will see there is a prop for Tabs called tabBarUnderlineStyle.

Here you can set backgroundColor styling prop to change the active tab bottom border tab color.

<Tabs tabBarUnderlineStyle={{ backgroundColor: 'red'}}

All 3 comments

@rshaikhcornerstone - If you look at the docs under Tabs section (https://docs.nativebase.io/Components.html#tabs-def-headref), you will see there is a prop for Tabs called tabBarUnderlineStyle.

Here you can set backgroundColor styling prop to change the active tab bottom border tab color.

<Tabs tabBarUnderlineStyle={{ backgroundColor: 'red'}}

@misterchlee7
Thanks it is working fine

We have provided solution to your issue but did not receive any feedback from @rshaikhcornerstone. So we are closing this issue.
Thanks.

Was this page helpful?
0 / 5 - 0 ratings