react-native-vector-icons/Feather icons are not displayed

Question

I have upgraded my app to RN version 0.60.5 and using react-native-vector-icons/Feather for icons. Before the upgrade the icons were displayed well, but after it all I see is squares instead of icons:

I use it like this:

import Icon from 'react-native-vector-icons/Feather';
.
.
.
 return (
   <TouchableOpacity onPress={() => this.btnPressed('Discover')} style={[styles.btn, { marginLeft: 20 }]}>
     <Icon name={'compass'} color={this.state.discoverSelected ? this.props.activeTintColor : this.props.inactiveTintColor} size={24} />
     <Text style={[styles.btnTxt, { color: this.state.discoverSelected ? this.props.activeTintColor : this.props.inactiveTintColor }]}>Discover</Text>
   </TouchableOpacity>
)

What can be the reason for this?

Answer 1

I experienced same problem before and I solve it by following official installation documentation by using option-with-cocoapods for ios and option-with-gradle for android