React Native NavigationHeader.BackButton.Color

Question

私はNavigationHeader.BackButtonの戻るボタンを変更しようとしていますが、これは可能な方法はありません。

ヘッダは以下を使用してレンダリングされる...

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

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

は私がtintColorとcolorスタイルを設定しようとしたが、それは動作しません。私はソースコードを見ましたが、これを行う方法はありません。色合いや色を設定する方法や自分のイメージを提供する方法はありますか？

Answer 1

私はreact-native-vector-iconsを使用しています。これは、GoogleのMaterial iconsを含むいくつかの異なるコレクションから選択することができます。ライブラリには、あなたがTabBarIOSを含むいくつかの既存のコンポーネントを統合することができますIconコンポーネントを提供しますNavigatorIOS、Navigator.NavigationBar、ToolbarAndroidなど

また、それは左のアイコンとボタンを作成するIcon.Button便利な方法を提供し、もちろん、あなたは、単にこのようなアイコンをインラインで使用することができます。

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

彼らは、彼らのGitHubのレポにかなり良いドキュメントを持って顔をしています。