Почему значки Font Awesome не загружаются в мое приложение React Native Expo? - PullRequest
0 голосов
/ 31 марта 2020

Я пытаюсь интегрировать Font Awesome в приложение React Native Expo, над которым я работаю, но постоянно получаю следующую ошибку:

console.error: "ОШИБКА: значок не найдено для icon = "," coffee "

Я просто следую инструкциям на следующей странице GitHub для React Native Font Awesome: https://github.com/FortAwesome/react-native-fontawesome

В частности, сначала я выполнил следующие команды:

npm i --save react-native-svg #
npm i --save @fortawesome/fontawesome-svg-core
npm i --save @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/react-native-fontawesome

Все они работали нормально. Затем я добавил следующее в код моего домашнего экрана:

import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
...
<FontAwesomeIcon icon="coffee" />

Опять же, я просто следую инструкциям на странице GitHub, на которую ссылается выше. Когда я делаю все это, я получаю ошибку, отмеченную выше. Соответственно моему package.json я на expo версии ~36.0.0.

Есть идеи? Заранее большое спасибо.

Ответы [ 2 ]

1 голос
/ 31 марта 2020
import {faCoffee} from "@fortawesome/free-solid-svg-icons";

<FontAwesomeIcon icon={faCoffee} />
0 голосов
/ 01 апреля 2020

Я понял это. Это было «легко», но также не так очевидно.

По сути, потому что я использую Expo для создания своего приложения React Native, мне пришлось использовать версию Font Awesome для Expo. Таким образом, мне не понадобился ни один из этих npm модулей, которые я установил ранее. Все они могут быть удалены.

Вместо этих модулей я добавил в начало моего файла следующее:

import { FontAwesome } from '@expo/vector-icons';

И затем следующее, чтобы отобразить значок Font Awesome, чтобы показать вверх на экране:

<FontAwesome name="times" />

Это все, что нужно было сделать. Я полагаю, что для начала я использовал неправильный подход. Извините за все замешательство. Еще раз спасибо всем, кто помог.

...