Unrecognized font family 'Ionicons'
See original GitHub issueHere I have a simple component:
import React, { Component } from 'react';
import {
Container,
Header,
Title,
Content,
Button,
Icon,
} from 'native-base';
export default class App extends Component {
render() {
return(
<Container>
<Header>
<Button transparent>
<Icon name="ios-arrow-back" />
</Button>
<Title>Header</Title>
<Button transparent>
<Icon name="ios-menu" />
</Button>
</Header>
<Content>
</Content>
</Container>
);
}
}
I ran rnpm link
like I was told to do in the Getting Started section of the docs. I am getting this error:
Any suggestions? Should I try to link native-base manually following the instructions in the docs?
Issue Analytics
- State:
- Created 7 years ago
- Comments:50 (3 by maintainers)
Top Results From Across the Web
Unrecognized font family ionicons - react native - Stack Overflow
Use the Icon.loadFont() method to load the fonts. Example (Add your App.tsx):
Read more >Unrecognized font family 'Ionicons' · Issue #1238 - GitHub
For IOS. Edit Info.plist and add a property called Fonts provided by application (or UIAppFonts if Xcode won't autocomplete/not using Xcode) ...
Read more >unrecognized font family ionicons react native ios - You.com
Check that the font you are trying to use appears in Info. Check that the font is copied in the Copy Bundle Resources...
Read more >React Native Solve Unrecognized Font Family Material ...
After upgrading to react native 0.60 or upper version we have seen a new error in iOS devices in MAC while configuring vector...
Read more >[Solved]-Unrecognized font family ionicons-React Native
[Solved]-Unrecognized font family ionicons-React Native · score:0. # Add new pods below this line · score:0. react-native link react-native-vector-icons · score:2.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi All, I was having same problem and resolved by doing this.
Try running
rm -rf node_modules && npm install
If RN < 0.29, runrnpm link react-native-vector-icons
If RN >= 0.29, runreact-native link react-native-vector-icons