如何在一个文件中使用react-native-vector-icons的不同字体（多于一个）？

Question

如何在一个文件中使用react-native-vector-icons的2个或更多字体（例如FontAwesome和Entypo）？

Answer 1

取而代之的是（工作每个文件1种字体）：

导入：

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

使用：

<Icon name="search" size={20} /> 

执行此（2种或更多的字体每个文件）：

导入：

import { FontAwesome, Entypo } from 'react-native-vector-icons'; 

使用：

<FontAwesome name="search" size={20} /> 
<Entypo name="add-user" size={20} /> 

Answer 2

反应，本机矢量图标出口默认<Icon />组件。你可以命名你想要的默认导入。为了您的例子，你可以这样做：

import FontAwesomeIcon from 'react-native-vector-icons/FontAwesome' 
import EntypoIcon from 'react-native-vector-icons/Entypo' 

这样，只要你想