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

Question

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

Answer 1

react-native-vector-icons导出默认的<Icon />组件。您可以将所需的任何名称命名为默认导入。您可以这样做：

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

这样您就可以使用任意数量的字体

Answer 2

而不是（每个文件使用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} />