React-Native - 无法识别的字体系列 'Ionicons'

React-Native - Unrecognized font family 'Ionicons'

我的 React 版本超过 0.6

  1. 我先成功安装矢量图标npm install react-native-vector-icons
  2. 我npx pod-install成功了 （我不使用 react-native link 因为它会出错，而且当我检查 react-native > 0.6 时有 autolinking 用法所以 react-native link 在反应本机 > 0.6)
  3. 比我 运行 我的应用程序使用此命令

npx react-native run-ios --simulator="iPhone 8"

  1. 在我的 App.js 文件中有这样的导入。库也没有显示错误！

import Ionicons from "react-native-vector-icons/Ionicons";

  1. 但是当我想像这样在 JSX 中使用 ionicons 时
<Ionicons
   name="information-circle-outline"
   size={40}
   color="blue"
/>

我遇到了这个错误Unrecognized font family 'Ionicons'

比我运行react-native link react-native-vector-icons

同样，当我通过 linking 构建时，我的构建失败了。但是当我 unlink 我的构建成功了。

我不明白我哪里弄错了

因为当你尝试 link 它失败了。尝试手动执行 linking。

将此添加到 ios/Podfile

中的播客文件 
pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

然后在终端中 运行 pod update 并确保你在 ios 文件夹中。

此外，您还必须遵循 Info.plist 文档中的说明。