react-native-vector-icons

2019-05-23

let's display icons to use react-native-vector-icons library.

outline

we introduce how to use react-native-vector-icons for displaying vector icons.

library installation

install react-native-vector-icons libaray with below code.

npm install react-native-vector-icons --save

after installation, link the libaray to the project with below code.

react-native link react-native-vector-icons

how to use

we only write a blog post if we have used libraries. so we will add contents to here when we use.

if you want to knwo how to use, see official site.

Material icons

how to use Material icon

...
import Icon from 'react-native-vector-icons/FontAwesome';
...

export default class Home extends React.Component<Props, State> {
    render() {
        return (
            <View>
                <Icon name="home" size={24} color="#ffffff" />
            </View>
        );
    }
}

reference

Buy me a coffeeBuy me a coffee
Posts