javascript - 如何在一个文件中使用不同字体（不止一种）的 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

而不是这个（每个文件使用一种字体）：

输入：

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} />