如何在反应本机路由器通量中更改后退按钮箭头的颜色?
how to change color of Backbutton Arrow in react native router flux?
如何在 React Native Router Flux 中更改后退按钮的颜色?
我尝试 backButtonBarStyle
但没有用...我找不到任何 solution.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>
查看文档,您似乎应该使用 backButtonTextStyle
或使用 backButtonImage
以使用不同的图标图像
更新:
您可以通过在 leftButtonIconStyle
属性中设置 tintColor
来更改图像的颜色
在场景中添加这两行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}
/>
如何在 React Native Router Flux 中更改后退按钮的颜色?
我尝试 backButtonBarStyle
但没有用...我找不到任何 solution.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>
查看文档,您似乎应该使用 backButtonTextStyle
或使用 backButtonImage
以使用不同的图标图像
更新:
您可以通过在 leftButtonIconStyle
属性中设置 tintColor
来更改图像的颜色
在场景中添加这两行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}
/>