Unrecognized font family ionicons

Question

I followed the setup instructions in the NativeBase Docs and ran rnpm link. I am getting this error: Unrecognized font family ionicons

also checked by Xco

Answer 1

Editing PodFile and adding pod RNVectorIcons not necessary because auto-linking will work fine after adding react-native-vector-icons

adding to PodFile will cause a warning after the next run with react-native run-ios:

Warning: following modules are linked manually: - react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons"

Just add this line of codes to your info.plist that exist on ios/yourPorjectName/

find UIAppFonts and add codes inside :

        <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>MaterialIcons.ttf</string>
        <string>MaterialCommunityIcons.ttf</string>
        <string>SimpleLineIcons.ttf</string>
        <string>Octicons.ttf</string>
        <string>Zocial.ttf</string>

worked with:

"react-native": "0.63.3",

"react-native-vector-icons": "^7.1.0"

Answer 2

I had same issue on my mac.solution :

• Close the terminal window and simulator.

• On the same folder which your project is situated write following.. React-native link react-native-vector-icons

• then start the project by., React-native run-ios

Answer 3

Expanding on the exisiting answer and using the solution found on this github issue, do the following;

1. Close the running packager
2. Run react-native link react-native-vector-icons
3. Then run react-native start --reset-cache
4. Finally run react-native run-ios to restart the simulator