Unrecognised font family ‘Ionicons’ error - Native Base

Question

I am trying to use native base icons in my app but every time i am getting Unrecognized font family ‘Ionicons’ error. I searched it on google and tried everything. like rm -rf node_modules && npm install react-native link react-native-vector-icons react-native start --reset-cache

can anybody tell me some basic setups like where should I create my resource folder and all for this fix? Thanks

Are you using create-react-native-app? I just added native-base to my crna project and saw this error. — mchandleraz, Jun 25 '17 at 03:06
yes. I fixed this issue by adding the file in my BuildPhase > copy bundle resource section — Pankaj Agrawal, Jun 26 '17 at 16:40
For React Native **0.60+** see my comment here https://stackoverflow.com/questions/38713240/unrecognized-font-family-ionicons/58133303#58133303 — Eddy, Sep 27 '19 at 11:08

Dinith Minura · Accepted Answer · 2017-06-15T05:04:52.103

5

I think you have to create folder call "Resources" in your Xcode project and place Ionicons.ttf file inside that folder. Try setup iOS Manually here (https://github.com/oblador/react-native-vector-icons)

Browse to node_modules/react-native-vector-icons and drag the folder Fonts (or just the ones you want) to your project in Xcode. Make sure your app is checked under "Add to targets" and that "Create groups" is checked if you add the whole folder.
Edit Info.plist and add a property called Fonts provided by application.

edited Jun 15 '17 at 05:04

answered Jun 15 '17 at 04:22

Dinith Minura

1,446
2
12
24

Thanks, This helped me ! – Jalal El-Shaer Sep 07 '17 at 05:20
@RajuyourPepe, you can open your react native iOS project from xcode just opening .xcodeproj file from your project path (yourProjectFolder>>ios>>yourProject.xcodeproj) – Dinith Minura Nov 27 '17 at 07:51
1

In my case dragging the Fonts folder wasn't needed. Just referenced `Ionicons.tff` and it worked. Thank you – Sandy Jul 19 '19 at 00:50

score 1 · Answer 2 · answered Dec 17 '18 at 09:37

for anyone facing similar issue while using the following combination

"native-base": "^2.8.1", "react": "16.6.1", "react-native": "0.57.7", "react-native-gesture-handler": "^1.0.10", "react-native-vector-icons": "^6.1.0", "react-navigation": "^3.0.8",

first clean the node_modules folder, then reinstall and also link

rm -rf node_modules
npm i
react-native link

then from xcode clean and then build for the ios project and run it in the simulator from xcode itself.

score -1 · Answer 3 · answered Oct 23 '19 at 11:27

-1

I faced same issue. Following steps helped me out:

Install react-native-vector-icons npm
Install pod

And you are good to go.

answered Oct 23 '19 at 11:27

Kushal Desai

119
2
11

Unrecognised font family ‘Ionicons’ error - Native Base

3 Answers3