HandlebarLabs / currency-converter-starter

Code for the React Native Basics: Build a Currency Converter Course
http://learn.handlebarlabs.com/p/react-native-basics-build-a-currency-converter
186 stars 99 forks source link

Unrecognized font family 'ionicons' #26

Open lilian131 opened 5 years ago

lilian131 commented 5 years ago

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 (

} /> } />
)

} }

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 commented 5 years ago

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

walter-grace commented 5 years ago

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

campbellmarianna commented 5 years ago

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.