2016-10-03 148 views
0

我试图改变NavigationHeader.BackButton的后退按钮,但我没有看到任何可能的方式。React Native NavigationHeader.BackButton.Color

头使用以下渲染...

_renderHeader(props,backAction){ 
    return (
      <NavigationHeader 
      {...props} 
      renderLeftComponent={props => this._renderLeftComponent(props,backAction)} 
     /> 
    ) 
} 

_renderLeftComponent(props,backAction){ 
    return (
     <NavigationHeader.BackButton 
      onPress={backAction} 
      onNavigate={backAction} 
     /> 
    ); 
} 

我已经尝试设置tintColorcolor风格,但它不工作。我查看了源代码,但我没有看到可以完成的任何方式。有没有办法设置色调/颜色或提供我自己的图像?

回答

0

我使用的是react-native-vector-icons,它允许您从几个不同的集合中进行选择,包括Google的Material icons。该库提供了一个Icon组件,您可以使用一些现有的组件,包括TabBarIOSNavigatorIOSNavigator.NavigationBarToolbarAndroid

此外,它还提供Icon.Button用左图标创建一个按钮,方便的方式,整合当然你也可以简单地使用图标内嵌这样的:

<Icon name='arrow-back' size={24} color={#900}/> 

他们有一个相当不错的文档在他们的GitHub库,看看。