React native: vector icons setup with iOS simulator plus fixing Dup error 2021

​

https://www.youtube.com/watch?v=5Rc0ujISKUo

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!

>Make sure you install both react-native-vector-icons and react-native-elements

>Go to node_modules

>Look for "react-native-vector-icons" folder

>Copy the "Fonts" folder

>>>For ANDROID, navigate to 

    android>app>src>main>assets

    Then paste the "Fonts" folder...note you may need to rename it here as "fonts"

​

>>>For IOS, navigate to

    ios>projectname

    Then paste the "Fonts" folder

​

Additionally, navigate to ios>projectname/Info.plist

  Then copy and paste this somewhere below the <dict> tag

​

  <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>MaterialCommunityIcons.ttf</string>

        <string>MaterialIcons.ttf</string>

        <string>Octicons.ttf</string>

        <string>SimpleLineIcons.ttf</string>

        <string>Zocial.ttf</string>

    </array>

>>>Note: you may need to navigate to ios from your terminal and run pod install...

 run cd ios

     pod install

 Now close the program and run it again...you're good to go