tintColor ignored for custom left and right buttons

[alexwasner]

Version

Tell us which versions you are using:

• react-native-router-flux v4.0.0.beta.11
• react-native v.44.0

Expected behaviour

tintColor should change left and right buttons

Actual behaviour

tintColor color is ignored and defaults to blue

Steps to reproduce

I have an app set up with the following structure:

    render() {
        return (
            <Provider {...stores}>
                <Router createReducer={reducerCreate}
                                      navBarTintColor= {'white'}
                                      navBarButtonColor= {'white'}
                                      tintColor= {'white'} >
                  <Scene key="modal"  hideNavBar modal
                                      navTransparent={true}
                                      drawUnderNavBar={true}
                                      navBarTintColor= {'white'}
                                      navBarButtonColor= {'white'}
                                      tintColor= {'white'}
                                      navigationBarStyle={styles.navBar}
                                      titleStyle={styles.titleStyle}>
                    <Scene key="root"
                                      navBarTintColor= {'white'}
                                      navBarButtonColor= {'white'}
                                      tintColor= {'white'}>
                        <Scene key="a" title="A" component={A} type='reset' />
                        <Scene key="b" title="B" drawUnderNavBar={false} component={B} type='reset' />
                        <Scene key="c" title="C" component={C} />
                        <Scene key="d" title="D" onLeft={Actions.C}
                                          left={<TouchableOpacity onPress={()=>{Actions.G()}}><Image source={{uri:'iconHere'}} style={[styles.headerIcon,styles.leftIcon]}/></TouchableOpacity>}
                                          component={D}/>
                        <Scene key="e" title="E" component={E} initial />
                    </Scene>
                    <Scene key="f"  hideTabBar
                                    navBarTintColor= {'white'}
                                    navBarButtonColor= {'white'}
                                    tintColor= {'white'}>
                        <Scene key="g" leftTitle="Cancel" onLeft={Actions.pop} title="G" component={G}
                                    navBarTintColor= {'white'}
                                    navBarButtonColor= {'white'}
                                    tintColor= {'white'} />
                    </Scene>
                  </Scene>
              </Router>
          </Provider>
        )
    }
}```

When I open G, the tab bar remains the default blue. As you can tell, I've put tintColor practically everywhere along with the different conflicting variations I've found throughout the bugs listed here.  I can't for the life of me get it to change to white

[aksonov]

Could you check Example project? It uses tintColor (red)

[aksonov]

Oh, I see now, Example tabbar has Right button and it is black.

[aksonov]

Please check latest master

[alexwasner]

That fixes it, but now drawUnderNavBar={true} is ignored

[alexwasner]

as well as navTransparent

[aksonov]

I didn't touch navTransparent and drawUnderNavBar, navTrasparent works fine on my app with latest master and I don't know anything about drawUnderNavBar

[alexwasner]

I guess I had it on the wrong item