时间戳

首页 > 解决方案 > React Native iOS Unrecognized font family 'Material Design Icons'

ios - React Native iOS Unrecognized font family 'Material Design Icons'

问题描述

我正在构建一个带有本机反应的移动应用程序。当前的应用程序在 Android 上运行良好，但在 iOS 上崩溃。这是给出的错误：

在此处输入图像描述

这些是我正在使用的依赖项：

  "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. 但是他们产生了以下错误：

在此处输入图像描述

因为我使用的是 RN >= 0.60。所以我取消了它们的链接，然后Unrecognized font family Material Design Icons仍然存在。我确实用 重建了我的应用程序几次"npx pod-install"，但没有成功。我应该怎么做才能摆脱错误并Material Design Icons正确加载？

标签： iosreact-nativematerial-design

解决方案

import MaterialCommunityIcon from 'react-native-vector-icons/MaterialCommunityIcons';

在文件开头调用func

MaterialCommunityIcon.loadFont();

用法：

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

推荐阅读