React-native-router-flux: IndicatorStyle not working on Tabs. Any update?

[sadi304]

Version

• react-native-router-flux v4.0.0 beta-22
• react-native v0.48.4

Expected behaviour

To show border on the bottom of the active tab

Actual behaviour

No border is showing, indicator not working

Steps to reproduce

Just make a router with tab scene .

<Tabs
              key="tabbar"
              lazy={true}
              headerMode="none"
              tabBarPosition="bottom"
              swipeEnabled
              showLabel={false}
              activeTintColor="#fff"
              activeBackgroundColor="#EF5350"
              inactiveBackgroundColor="#EF5350"
              indicatorStyle={{
                 backgroundColor: '#fff',
                 borderBottomColor: '#fff',
                 borderBottomWidth: 2
              }}
>

[aksonov]

It is not supported. Feel free to submit PR to support it.

[pjconcepcion]

Try using <Scene tabs> . Mine's working with that code.

<Scene 
                    key = 'list' 
                    tabs 
                    tabBarPosition = 'top'
                    showLabel = {true}  
                    title = 'List'                          
                    icon = {searchIcon}
                    tabBarStyle = {styles.tabBarStyle} 
                    labelStyle = {styles.txtLabel}
                    indicatorStyle = {styles.indicatorStyle}
>
     . . . . . .
</Scene>

[the-simian]

I had the same problem as @aksonov at first. No matter what I sent to the indicatorStyle prop, its seemed to stay the default yellow.
My problem is I was trying to only override the color and not also the other properties. When I added the borderBottomWidth property, it started working for me.

[aksonov]

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists