Breaking News: Grepper is joining You.com. Read the official announcement!

Unrecognised font family React native vector icon

Add Answer

Isijola Ademie answered on July 28, 2021 Popularity 3/10 Helpfulness 1/10

answer Unrecognised font family React native vector icon

related Unrecognised font family React native vector icon ios

related react-native-vector-icons unrecognized font family

Unrecognised font family React native vector icon

Comment

>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

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: font-family javascript react-native vector

Link to this answer
Share Copy Link

Contributed on Aug 13 2022

Isijola Ademie

0 Answers Avg Quality 2/10

Closely Related Answers

Unrecognised font family React native vector icon ios

Comment

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

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

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript vector ios font-family react-native

Link to this answer
Share Copy Link

Contributed on Aug 13 2022

Isijola Ademie

0 Answers Avg Quality 2/10

react-native-vector-icons unrecognized font family

Comment

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!

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: font-family javascript react-native-vector-icons javascr

Link to this answer
Share Copy Link

Contributed on Jul 28 2021

Singh99

0 Answers Avg Quality 2/10

Unrecognised font family React native vector icon

Contents

More Related Answers

Unrecognised font family React native vector icon

Closely Related Answers

Unrecognised font family React native vector icon ios

react-native-vector-icons unrecognized font family

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.