Using icons

Following docs how to use icons in native-base project didn’t help me to use any icon other than the ones from Ionicons package. I installed react-native-vector-icons and linked with rnpm. Here I see all icon definitions in my project: node_modules/native-base/node_modules/react-native-vector-icons/ If I want to use any other icon, for example “arrow-right” from EvilIcons, I’m getting in my Genymotion emulator: “Warning: Failed prop type: Invalid prop ‘name’ of value ‘arrow-right’ supplied to ‘Icon’, expected one of [‘ios-add’, ‘ios-add-circle’, …]” All these expected icons are defined in Ionicons.js file.

So, how do I get “arrow-right” from EvilIcons package?

Right now I’m doing like this: <Icon name='arrow-right' />

Thanks!

[mk0y]

Think I got it. Import as exact name, not just “Icon”:

import EvilIcons from 'react-native-vector-icons/EvilIcons';

import FontAwesome from 'react-native-vector-icons/FontAwesome';

Then instead using <Icon /> element, use <FontAwesome name='fontawesome-name' /> element.

[oblador]

You should import your icon directly from this package like this:

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