2016-10-03 144 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庫,看看。