CODEWITHSUNDEEP
reactjsreact-routerreact-reduxreact-native
user5738822
user5738822

Reputation:

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

I 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>

Upvotes: 4

Views: 2676

Answers (2)

Dinesh Madushanka
Dinesh Madushanka

Reputation: 27

add these two line inside the scenes backButtonTintColor = '#000' leftButtonStyle = {{color : '#000',tintColor : '#000'}}

as follows 

<Scene
          key="Scene Key"
          component={Scene Component}
          title="Your title"
          backButtonTextStyle = {{color:'#000000'}}
          barButtonIconStyle={{ tintColor: '#000000' }}
          titleStyle = {{color : '#000000'}}
          navigationBarStyle = {{backgroundColor : '#ffc60a'}}
          backButtonTintColor = '#000'
          leftButtonStyle = {{color : '#000',tintColor : '#000'}}
          //hideNavBar={true}
        />

Upvotes: 1

David
David

Reputation: 7525

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

Upvotes: 5

Related Questions