tabBarUnderlineStyle not working ?

[cjmling]

I have this ( I tried some random style too :S )

<ScrollableTabView
                      style={{marginTop: 50}}
                      tabBarUnderlineStyle={{backgroundColor:'red' , borderColor : 'red' , borderBottomWidth : 0.1 , borderBottomColor : 'red'}}
                      tabBarActiveTextColor="#FFF"
                      tabBarInactiveTextColor="#FFF"
                      tabBarTextStyle={{fontWeight : '200'}}

And i still seeing this .

1. How I can change that blue border ?
2. And anyway I could add border top , right , left to each tab menu ?

Thanks

[cjmling]

Ok it seems like the version 0.5.3 which I'm using is too old and it didn't support.

[johhansantana]

Hey @cjmling I'm using "react-native-scrollable-tab-view": "^0.7.0" but I can't seem to use <ScrollableTabView tabBarUnderlineStyle={{borderBottomColor: 'aqua'}}> still shows default color.

[ArcherScript]

Some people may still have this issue if they are using version ^0.7.3. Updating to ^0.7.4 fixed it for me.

[bunnapanhchakrith]

<ScrollableTabBar style={{borderBottomColor: 'white'}}/>

[toanluongnhu1709]

It works
<ScrollableTabView tabBarUnderlineStyle={ {backgroundColor:'red', height:3} } />