如何在一個文件中使用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' 

這樣，只要你想