Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unrecognized font family 'ionicons' #26

Open
lilian131 opened this issue Feb 27, 2019 · 3 comments
Open

Unrecognized font family 'ionicons' #26

lilian131 opened this issue Feb 27, 2019 · 3 comments

Comments

@lilian131
Copy link

lilian131 commented Feb 27, 2019

I am trying to learn react-native with this nice tutorial but I get an error and cannot figure out what it is
Module 3: The User Interface => options screen min 8

I have this error I just follow the exact tutorial and cannot find any solution all of the solutions are with react-native command and I am using expo
app/screens/Options.js
`import React, { Component } from 'react';
import { StatusBar, ScrollView } from 'react-native';
import { Ionicons } from '@expo/vector-icons';

import { ListItem, Separator } from '../components/List';

const ICON_COLOR = '#868686';
const ICON_SIZE = 23;

class Options extends Component {
handleThemesPress = () => {
console.log("ThemesPress");
};

handleSitePress = () => {
console.log("SitePress");
};

render() {
return (


<ListItem
text={"Themes"}
onPress={this.handleThemesPress}
customIcon={

}
/>

<ListItem
text={"Fixer.io"}
onPress={this.handleSitePress}
customIcon={}
/>

)
}
}

export default Options;`

app/components/List/ListItem
`import React from 'react';
import PropTypes from 'prop-types';
import { View, Text, TouchableHighlight } from 'react-native';
import styles from './styles';
import Icon from './Icon';

const ListItem = ({
text,
onPress,
selected = false,
checkmark = true,
visible = true,
customIcon = null,
}) => (


{ text }
{ selected ? : }
{ customIcon }


);

ListItem.propTypes = {
text: PropTypes.string,
onPress: PropTypes.func,
selected: PropTypes.bool,
checkmark: PropTypes.bool,
visible: PropTypes.bool,
customIcon: PropTypes.element,
}
export default ListItem;`

Please help

@spencercarli
Copy link
Contributor

That's odd, which version of @expo/vector-icons do you have installed?

spencercarli added a commit that referenced this issue Apr 19, 2019
Fixes issue #26: Unrecognized font family 'ionicons'
@walter-grace
Copy link

I am getting this same error when clicking on the settings icon; I get the read screen saying this Unrecognized font family 'ionicons'

@campbellmarianna
Copy link

campbellmarianna commented Sep 19, 2019

Thank you for this thorough and engaging React Native course. On Module #3 User Interface: Options Screen, I'm also encountering the same bug as stated by @lilian131. The error message I'm getting is Unrecognized font family 'ionicons'. The version of @expo/vector-icons I have installed is 6.2.0. I would definitely appreciate your help in getting the icons to show on the options screen.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants