从' react-native-vector-icons / Ionicons'

时间:2017-11-23 11:15:48

标签: reactjs icons react-native-android vector-icons

我可以在同一屏幕上导入react-native-vector-icons / font-awesome和react-native-vector-icons / Ionicons? 基本上我想在同一个屏幕上使用font-awesome和Ionicons图标来显示不同的图标?

Example-
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/font-awesome';
import Icon from 'react-native-vector-icons/Ionicons';

1 个答案:

答案 0 :(得分:2)

是的,你可以。因为FontAwesome和Ionicons是作为默认值导出的,所以您可以使用任何名称导入它们,例如

import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome';
import IonIcon from 'react-native-vector-icons/Ionicons';

并在您的render()方法中使用

<FontAwesomeIcon name="github" size={16} color="red">
<IonIcon name="github" size={16} color="blue">