HandlebarLabs/currency-converter-starter

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.