Alireza Valizade Alireza Valizade - 3 months ago 47
React JSX Question

how to change color of Backbutton Arrow in react native router flux?

how to change color of Backbutton in react native router flux ?
enter image description here

Im try

backButtonBarStyle
but not working...i cant find any solution.tnx for your helps

<Scene key="app" navigationBarStyle={{backgroundColor: '#1e2226',borderBottomColor:"#1e2226"}} titleStyle={{color : "#FFF"}}>
<Scene key="welcome" component={LauchContainer} title="Welcome" />
<Scene key="ProductDetail" backButtonBarStyle={{color : "#FFF"}} component={ProductDetail} />
</Scene>

Answer

Looking at the documentation it looks like you should be using backButtonTextStyle or use backButtonImage to use a different icon image

Check it out here

Update:

You can change the colour of the image by setting the tintColor in the leftButtonIconStyle prop