React-native-vector-icons: Using of both font awesome and ionicons

Created on 26 Dec 2017  路  2Comments  路  Source: oblador/react-native-vector-icons

Hello Oblador,
I would like to know how to use both font awesome and ionicons

Most helpful comment

Import like this.
import Ionicons from "react-native-vector-icons/Ionicons";
import FontAwesome from "react-native-vector-icons/FontAwesome";

then user it like this in your component
<Ionicons name='ios-menu' size={30} style={{ marginLeft:5, padding:5, color: "grey" }} onPress={()=> navigation.navigate('DrawerToggle')} />
FontwAwesome

<FontAwesome name='user' size={20} style={{ marginLeft:5, padding:5, color: "grey" }} onPress={()=> {}} />

All 2 comments

Import like this.
import Ionicons from "react-native-vector-icons/Ionicons";
import FontAwesome from "react-native-vector-icons/FontAwesome";

then user it like this in your component
<Ionicons name='ios-menu' size={30} style={{ marginLeft:5, padding:5, color: "grey" }} onPress={()=> navigation.navigate('DrawerToggle')} />
FontwAwesome

<FontAwesome name='user' size={20} style={{ marginLeft:5, padding:5, color: "grey" }} onPress={()=> {}} />

Thank You timotew
its really working

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lossen picture lossen  路  4Comments

emretekince picture emretekince  路  4Comments

tharrington picture tharrington  路  4Comments

mahdidavoodi7 picture mahdidavoodi7  路  3Comments

facuescobar picture facuescobar  路  3Comments