Unrecognized font family 'ionicons'
lilian131 opened this issue · 3 comments
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
That's odd, which version of @expo/vector-icons
do you have installed?
I am getting this same error when clicking on the settings icon; I get the read screen saying this Unrecognized font family 'ionicons'
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.