Answers for "react-native-vector-icons unrecognized font family"

1

Unrecognized font family 'Octicons'

import Icon from 'react-native-vector-icons/MaterialIcons'

Icon.loadFont();
Posted by: Guest on September-15-2020
0

react-native-vector-icons unrecognized font family

Easy/Working solution 2021. React Native 0.64. XCode 12+

Add these lines in ios/<ProjectName>/Info.plist. Rebuild ios app. that's it!

<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>Fontisto.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>
    </array>
Posted by: Guest on July-28-2021
0

react-native-vector-icons unrecognized font family

On Android it takes the name of the file and you are done. On iOS however it is a bit more complex.

There are a few steps you should take:

1) Double check the font files are included in the Target in XCode
2) Make sure they are included in the step "Copy Bundle Resources" (add files, not folders)
3) Include them in the Info.plist of the app
4) Find the name of the Font through FontBook or with some log statements in your AppDelegate

Explained in more detail here: http://codewithchris.com/common-mistakes-with-adding-custom-fonts-to-your-ios-app/

Good luck!
Posted by: Guest on July-28-2021

Code answers related to "react-native-vector-icons unrecognized font family"

Code answers related to "Javascript"

Browse Popular Code Answers by Language