React Native iOS Unrecognized семейство шрифтов «Material Design Icons»

avatar
Alex Chen
9 августа 2021 в 01:12
354
1
1

Я создаю мобильное приложение с помощью React Native. Текущее приложение отлично работает на Android, но вылетает на iOS. Это ошибка, которая дает:

enter image description here

Вот зависимости, которые я использую:

  "dependencies": {
    "@react-native-community/datetimepicker": "^3.5.2",
    "react": "17.0.1",
    "react-native": "0.64.2",
    "react-native-elements": "^3.4.1",
    "react-native-paper": "^4.9.2",
    "react-native-safe-area-context": "^3.2.0",
    "react-native-vector-icons": "^8.1.0"
  },

После некоторых исследований сообщество предлагает связать некоторые зависимости вручную. Поэтому я связал @react-native-community/datetimepicker, react-native-safe-area-context, react-native-vector-icons. Но они выдали следующую ошибку:

enter image description here

Потому что я использую RN >= 0,60. Поэтому я отвязал их, тогда Unrecognized font family Material Design Icons все еще сохраняется. Я несколько раз перестраивал свое приложение с "npx pod-install", но безуспешно. Что мне делать, чтобы избавиться от ошибки и правильно загрузить Material Design Icons?

Источник

Ответы (1)

avatar
Lydia
24 декабря 2021 в 21:14
1
import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';

вызвать функцию в начале файла

MaterialCommunityIcon.loadFont(); 

Использование:

<MaterialCommunityIcon name="rocket" color="red" size={20} />