
Pod 'RNVectorIcons', :path => './node_modules/react-native-vector-icons' React-native link react-native-vector-icons Plus, when you run react-native link manually, it will fix your android but when you run your ios, the build will say you need to unlink it, we will fix this as well. It create a duplicate resource declaration and you need to delete the extra lines. If you're using a recent version of React-Native do not use react-native link command as you will encounter duplicate errors The final result should look something like this:įinally close the iOS simulator, run pod install in the ios folder and run npm install in your root (for good measure) and then you can run react-native run-ios again. Next open your ist file (It's located in ios>Your_Project_Name>ist)įor each new font you added in the Fonts folder, add a line such as the one below, under the key UIAppFonts Paste de fonts you copied before in your Fonts folder Watch out ! The naming is case-sensitive, make sure you use a capital "F" (I didn't and spent too much time figuring out where I went wrong) Go to your ios folder and create a new folder called "Fonts"

You will have to search for it, modules aren't ordered alphabetically

Go to node_modules>react-native-vector-icons>Fonts You don't actually have to open XCode to add fonts for iOS.

I followed this article to add my custom fonts to the XCode project : I had the same issue and although the responses here are correct, I figured I'd try to give my own version for those who are still confused after reading the posts above :)
