2016-08-04 14 views
0

反応ネイティブのToolbarAndroidreact-native-vector-iconsIcon.ToolbarAndroidから使用しようとしています。私はrnpmも正常に完了したrnpm linkを、やっインストールされているToolbarAndroidのアイコンをインポートする際にエラーが発生する

RNVectorIconsModule not available, did you properly integrate the module?

:しかし、私はこのエラーを取得しています。

そして、私はreact-native-vector-icons/Ioniconsからアイコンを取得する場所にこのコードが動作するので、私は、私が適切にモジュールを統合していると思う:

(WORKING)

import Icon from 'react-native-vector-icons/Ionicons'; 

const searchIcon = (<Icon name="md-search" size={30} color="#4F8EF7" />) 
const menuIcon = (<Icon name="md-menu" size={30} color="#4F8EF7" />) 
const notificationIcon = (<Icon name="md-notifications-outline" size={30} color="#4F8EF7" />) 

export default class Header extends Component { 
    render() { 
     return(
      <View> 
       <Text>{searchIcon}</Text> 
       <Text>{menuIcon}</Text> 
       <Text>{notificationIcon}</Text> 
      </View> 
     ) 
    } 
} 

をしかし、このコードは動作しません。

(動作しない)

import Icon from 'react-native-vector-icons/Ionicons'; 

export default class Header extends Component { 
    render() { 
     return(
      <Icon.ToolbarAndroid 
       title="Home" 
       titleColor="white" 
       navIconName="md-search" 
       actions={[ 
        { title: 'Settings', iconName: 'md-menu', iconSize: 30, show: 'always' }, 
        { title: 'Follow me on Twitter', iconName: 'md-notifications-outline', iconColor: "#4099FF", show: 'ifRoom' }, 
       ]} 
       overflowIconName="md-more" 
      /> 
     ) 
    } 
} 

私は反応ネイティブなので、何か間違っている可能性があります。あなたはそれを理解するのを助けてくれますか?ありがとうございました。あなたはおそらく見てきたよう

答えて

0

(私もGithubにあなたのメッセージを見て)、完全な手順はここにある:https://github.com/oblador/react-native-vector-icons#integrating-library-for-getimagesource-and-toolbarandroid-support

私はあなたと同じ問題がありました。指示を完了することによって、私は正常に動作するように管理します。

私が命令を重複しませんが、明確にする:

1)編集android/settings.gradle
2)編集​​
3)あなたのMainApplication.java

を編集
関連する問題