2017-03-08 12 views
0

私は、反応するネイティブのベクターアイコンを使用して、ツールバーのアクションのアイコンを表示しています。しかし、それは動作していないようです。ネイティブのツールバーとアンドロイドのアクションアイコンが反応しません。

輸入&アイコン

import Icon from 'react-native-vector-icons/FontAwesome'; 
const myIcon = (<Icon name="compass" size={30} color="#900" />) 

メインビュー

<View style={styles.containerToolbar}> 
    <ToolbarAndroid style={styles.toolbar} 
     title="Test" 
     actions={toolbarActions} 
     onActionSelected={this.onActionSelected}> 
    </ToolbarAndroid> 
</View> 

var toolbarActions = [ 
    {title: 'Compass', icon:{myIcon} show: 'always'} 
]; 
+0

あなたonActionSelected方法はありますか? –

+0

なぜそれは重要ですか? – Coder

答えて

0

あなたは、このようなアクションのアイコンを設定することができます -

var toolbarActions = [ 
    {title:'Compass', iconName:'compass', iconColor:"#900", iconSize:30, show:'always'} 
]; 

さらにあなたはIcon.ToolbarAndroidの代わりToolbarAndroidを使用する必要があります。ここ

<Icon.ToolbarAndroid 
    actions={toolbarActions} 
    .... 
> 

詳細 - https://github.com/oblador/react-native-vector-icons#usage-with-toolbarandroid

+0

慎重に質問を読んでいるとは思わないでください。私はnavIconではないアクションにアイコンを設定しようとしています – Coder

+0

私の答えを更新しました – vinayr

関連する問題