问题标签 [react-native-vector-icons]

我在snack expo中使用fontawsome图标构建了布局，但是当在expo cli中运行相同的项目时，图标不显示。它显示为一个交叉。应用程序在snack中完美运行，但在expo cli中没有。我试过用谷歌搜索problelem但是解决方案是 gradle 中的更改文件，我没有 gardle 文件，这是一个小吃项目。有任何解决方案，任何帮助都会非常好，谢谢。

import Icon from 'react-native-vector-icons/FontAwesome';

我只是在我的搜索图标应该在的位置看到一个问号图标。还为我的其他字体获取无法识别的字体。

除了我的 serahc 图标没有出现，我无法让我的字体显示使用：

我已经链接了包，并将字体文件复制到 xcode 中。

我所有的字体都出现Resources在 xcode 中。如何显示我的图标？

我在 info.plist 中有我的字体：

我正在使用 xcode 10，React-Native 0.60。

我知道 rn 0.60 具有自动链接功能，但它不适用于 rn-vector-icons。当我手动链接此包时，xcode 会引发错误并说

它为部分中列出的每个图标文件提供此错误Build Phahes -> Copy Bundle Resources。当我搜索这个问题时，人们说解决方案是从捆绑资源部分删除那些图标文件。但是，当我从那里删除 .ttf 文件时，它会成功构建，但这次 React Native 抛出错误并说： Unrecognized font family Material Icons 顺便说一句，这与 Material Icon 无关，如果我尝试将 FontAwesome 放在那里，它也会抛出同样的错误。

我为此损失了半天时间，因此将不胜感激，谢谢。

更新

我解决问题。

取消链接包，删除 npm 包，重新安装。再次链接，安装 pod。导航到 info.plist 文件，添加要使用的字体类fonts provided for the application，删除所有列出的与矢量图标相关的文件Build Phahes -> Copy Bundle Resources

如果这没有帮助，请安装 react-native-config，react-native.config.js在项目的根文件夹中创建一个名为的文件。

将此行添加到该文件：

我正在创建一个视图，该视图将允许在屏幕上选择类似于 react native (ios) 中的可选文本的组件。

react-native-vector-icons在repo中找不到这个类似棒棒糖的图标。

升级到 react-native 0.60 后运行 react-native run-ios 后出现 RCTFont.h 文件未找到错误

Icon.onPress比https://facebook.github.io/react-native/docs/view或https://facebook.github.io/react-native/docs/touchableopacity更快。我没有做任何基准测试，但这非常明显。我使用开发人员构建进行测试。这是为什么 ？

我在 react native 中运行一个项目（来自）“fullstack react native”的书。但我对 react-native-vector-icons 有疑问。当我运行时react-native run-android，它显示了以下错误：

我的 Build.gradle 是：

和 app/build.gradle 是：

我再次尝试运行一个新的简单项目，所以我执行以下命令：我尝试了一个新的简单项目，其中包含以下命令：

更改 build.gradle （将 classpath("com.android.tools.build:gradle:3.4.2") 更改为 classpath("com.android.tools.build:gradle:3.5.0") ）然后应用程序运行 react- native run-android（不从 react-native-vector-icons 导入）并运行以下命令：

和

我改变了 app.js：

但是当我在下面运行时，我遇到了和以前一样的错误！

该错误是：

你能帮助我吗？什么是问题，我该如何解决？

我正在尝试在 Create-React App 项目中设置 react-web-vector-icons。我按照提供的说明https://www.npmjs.com/package/react-web-vector-icons/v/1.0.2

我将 font-faces 的样式代码插入到 public/index.html

并require('react-web-vector-icons/fonts');进入 index.js

但是当我使用它时，它没有加载正确的图标。

这是加载的图标

我通过以下命令安装了矢量图标：

然后通过这种方法导入图标：（我没有使用expo）

这是主要代码：

它显示问号而不是图标

我怎样才能解决这个问题？

我已经使用react-nativeand设置了 monorepo 项目react-native-web。我正在为 Android、iOS 和 Web 共享相同的代码库。安装 react-native-vector-icons 后，我在所有三个平台上都运行了代码，它在 Android 和 iOS 中运行良好，但在 Web 中却不行。在网络中，它如下所示：

我已经Webpack按照这里的描述进行了设置

下面是我的Webpack配置config-overrides.js：

下面是react-native-vector-icons在我的App.js文件中使用

我不知道为什么图标没有加载或我错过了配置。请帮我。先感谢您。