Unrecognized font family 'Octicons'
import Icon from 'react-native-vector-icons/MaterialIcons'
Icon.loadFont();Unrecognized font family 'Octicons'
import Icon from 'react-native-vector-icons/MaterialIcons'
Icon.loadFont();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>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!Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
