如何在反应原生路由器通量时改变Backbutton Arrow的颜色？

Question

如何在反应原生路由器通量中改变Backbutton的颜色？

我尝试backButtonBarStyle但没有工作......我找不到任何解决方案.tnx为你的帮助

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

查看文档，看起来您应该使用backButtonTextStyle或使用backButtonImage来使用不同的图标图像

Check it out here

<强>更新

您可以通过设置tintColor道具

中的leftButtonIconStyle来更改图像的颜色

Answer 2

将这两行添加到场景backButtonTintColor = '#000' leftButtonStyle = {{color : '#000',tintColor : '#000'}}

如下

<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}
        />