Как использовать разные шрифты (более одного) активных-векторных-значков в одном файле?

Question

Как использовать 2 или более шрифта (например, FontAwesome и Entypo) реактивных-векторных-значков в одном файле?

Answer 1

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