React native vector icon not working on current version 0.60

reactjs react-native react-native-ios react-native-vector-icons
Rahul Mishra picture Rahul Mishra · Jul 11, 2019 · Viewed 13.6k times · Source

React native autolink not working for react native vector icons. I fixed this into android with this https://github.com/oblador/react-native-vector-icons/issues/1035

But on IOS i am still facing issues. Please let me know if anyone solved this...Thanks!

Here is screenshot what issue i am facing.

enter image description here

Answer

Rahul Mishra picture Rahul Mishra · Jul 11, 2019

This worked for me on an upgraded project and on a brand new RN 0.60.0

For IOS add this to ios/projectname/Info.plist

<key>UIAppFonts</key>
    <array>
        <string>AntDesign.ttf</string>
        <string>Entypo.ttf</string>
        <string>EvilIcons.ttf</string>
        <string>Feather.ttf</string>
        <string>FontAwesome.ttf</string>
        <string>FontAwesome5_Brands.ttf</string>
        <string>FontAwesome5_Regular.ttf</string>
        <string>FontAwesome5_Solid.ttf</string>
        <string>Foundation.ttf</string>
        <string>Ionicons.ttf</string>
        <string>MaterialCommunityIcons.ttf</string>
        <string>MaterialIcons.ttf</string>
        <string>Octicons.ttf</string>
        <string>SimpleLineIcons.ttf</string>
        <string>Zocial.ttf</string>
    </array>

For Android add this line to android/app/build.gradle

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

That is fixed my issues and react native vector icons working in both the platform.

Related questions

How can I call method from onPress on Alert function [React-Native]

How can I call method from onPress on Alert function [React-Native] <Button onPress={{() => Alert.alert( 'Alert Title', 'alertMessage', [ {text: 'Cancel', onPress: () => console.log('Cancel Pressed!')}, {text: 'OK', onPress: () => {this.onDeleteBTN}}, ], { cancelable: false } )}} > <Text&…

Read More
React-Native How to handle onPress from Item in flatlist ???

My FlatList is stateless component, and when item pressed I want to handle onPress by call method "handleOnPress". How can I do it ?? the below is sample codes. ` handleOnPress = () => { ..... } <SampleListView data={prop.data} onPress={this.handleOnPress} /> const …

Read More
React Native Ios Error - ENOENT: no such file or directory, uv_cwd (null))

I get this error when running a new react native project. There is no error with the default starter code, but if a change even a letter of the starter text, I get this error. Failed to load bundle(http://…

Read More