无法识别的字体系列“Ionicons”错误 - Native Base

Question

我正在尝试在我的应用程序中使用本机基础图标，但每次我都会收到 无法识别的字体系列“Ionicons”错误。我在 google 上搜索并尝试了所有方法。像 rm -rf node_modules && npm 安装反应本机 link 反应本机矢量图标 react-native 启动 --reset-cache

谁能告诉我一些基本设置，比如我应该在哪里创建我的资源文件夹以及所有用于此修复的设置？谢谢

Answer 1

我认为您必须在 Xcode 项目中创建文件夹调用 "Resources" 并将 Ionicons.ttf 文件放入该文件夹中。尝试在此处手动设置 iOS (https://github.com/oblador/react-native-vector-icons)

浏览至 node_modules/react-native-vector-icons 并拖动文件夹 Xcode 中项目的字体（或只是您想要的字体）。确保您的应用已在 "Add to targets" 下检查并且 "Create groups" 如果您添加整个文件夹，则会被选中。
编辑 Info.plist 并添加一个属性名为 Fonts provided by 申请.

Answer 2

对于在使用以下组合时遇到类似问题的任何人

"native-base": "^2.8.1", "react": "16.6.1", "react-native": "0.57.7", "react-native-gesture-handler": "^1.0.10", "react-native-vector-icons": "^6.1.0", "react-navigation": "^3.0.8",

首先清理 node_modules 文件夹，然后重新安装 link

rm -rf node_modules
npm i
react-native link

然后从 xcode 清理然后为 ios 项目构建 并且运行在模拟器中从 xcode本身。

Answer 3

我遇到了同样的问题。以下步骤帮助了我：

安装react-native-vector-icons npm
安装 pod

你很高兴。

无法识别的字体系列“Ionicons”错误 - Native Base

Unrecognised font family ‘Ionicons’ error - Native Base

icons

ios

react-native

native-base