Reactネイティブベクターアイコンを使用してアクションリストにスタイルを適用する

Question

私はReact Nativeを使用してAndroidアプリケーションを構築していますが、react-native-vector-iconsを使用してツールバーヘッダーを生成しています。以下は私のレンダリング関数のスニペットで、どのようにベクトルアイコンlibを使ったかを示しています。

<Icon.ToolbarAndroid 
     style={styles.toolbar} 
     title="Home" 
     titleColor="white" 
     navIconName="md-menu" 
     onIconClicked={this.toggleSideMenue.bind(this)} 
     actions={[ 
      { title: 'AddPerson', ref : 'addPerson', iconName: 'md-person-add', show: 'always'}, 
      { title: 'Swap', iconName: 'md-swap', show: 'always'}, 
     ]} 
     onActionSelected={(position) => this.onActionSelected(position)} 
/> 

私は簡単にツールバー自体にスタイルを適用することができますが、アクションリストのアイコンにスタイルを適用する方法がある場合は、私の質問は？例えば。変更アイコンの色、回転、サイズなど、私は次のことを試してみたが、何もしていないようだ。

{ title: 'Swap', style : {color : 'red'}, iconName: 'md-swap', show: 'always'}, 

Answer 1

はimport Icon from 'react-native-vector-icons/MaterialIcons';

あなたのjsファイル内に追加し、

actions={[ 
     { title: 'AddPerson', ref : 'addPerson', iconName: 'person-add', show: 'always'}, 
     { title: 'Swap', iconName: 'swap', show: 'always'}, 
    ]} 

を変更アクションアイコンのスタイルを変更することは不可能です！