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

我正在做一个 React Native 项目（没有 Expo） 我正在使用react-native-vector-icons

一切都很好，直到我更新了我的图标的 ttf 文件。从我尝试在 Android 上运行我的项目（使用 npx react-native run-android）的那一刻起，构建过程成功，但应用程序没有在模拟器上启动。

在 iOS 上我没有问题。

有没有办法让我了解出了什么问题？

有什么方法可以在 react-native / expo 中为图标添加渐变色？

我想做这样的图标：

我react-native-vector-icons在我的 React Native 应用程序中使用，并且具有以下组件：

我使用该rowing图标是因为这是此处文档中的第一个示例。当您不为 提供值时type，它默认为material，所以我想我可以用此列表rowing中的任何material图标替换。当我用 替换它时，它呈现为一个问号。有谁知道我该如何调试这个？back_arrow

我正在尝试添加一个带有多个选项的浮动操作按钮。当我尝试更改操作按钮项目的图标时，找不到该图标并显示一个问号。

我导入了 Ionicons，所以我在该列表中检查要添加的按钮。我需要一个带轮廓的加号，这里是这个：add-circle-outline

但是当我使用它而不是 md-create 时，找不到它，这很奇怪，因为找到了 md-create 并因此显示。当我在 ionicons 中搜索 md-create 时，找不到它，因此它必须来自另一个库。

我想很明显我在这里迷路了。我阅读了有关将图标作为自定义字体的额外安装步骤，但我猜这不是必需的，因为 md-create 工作正常。

这是我的页面：

和。我唯一想做的就是将 md-create 更改为带有大纲的加号。

谁能帮我吗？

非常感谢！

我也尝试使用 add-circle-outline from [this icons list][2]，但也没有用。

我正在尝试在我的React Native 0.62.2应用程序中导入和使用我自己的自定义图标。

我按照这里概述的步骤https://github.com/oblador/react-native-vector-icons#custom-fonts但到目前为止图标没有出现。

以下是我遵循的步骤：

1. 创建我的图标集并将其转换为https://icomoon.io上的字体
2. 从下载 zip 文件IcoMoon并将ttf文件放入./src/assets/fonts文件夹
3. 然后我创建了react-native-config.js文件并放置在根目录中。此文件中的代码在下面
4. 在我的组件文件夹下，我创建了CustomIcon.js——见下面的代码
5. 我还将下载的selection.json文件中包含的文件放在与zipIcoMoonCustomIcon.js
6. 然后我使用CustomIcon如下所示

所以这里的代码是什么样的：

该react-native-config.js文件如下所示：

该CustomIcon.js文件如下所示：

这是我使用图标的方式：

当我在 中运行应用程序时Android Emulator，我看到缺少的图标符号，即一个带有 X 的框。

知道这里有什么问题吗？

我用

反应本机矢量图标

当我在模拟器上运行应用程序时一切正常，但在导出后

并安装在真机上所有图标都被隐藏而不显示

我按照本教程添加react-native-web到react-native项目中。但是添加react-native-vector-icons到项目时出现错误。

我也将我的更改babel.config.js为：

或者

但仍有问题。

我应该怎么办？

我在 Next.js 中使用 react-native-web，然后我想使用 react-native-element 库，它依赖于 react-native-vector-icons。

阅读文档后，网络上的用法，这个例子是我试过的：

在我的next.config.js：

babel.config.js

包.json

如您所见，我已经安装了react-native-element,react-native-web和react-native-vector-icon. package.json然后我还将next.config.js使用next-transpile-modules库中的所有模块转译。

然后在pages/index.js我使用这样的库：

但这就是我得到的结果：

问题：

此刻我仍然缺少什么使图标不显示？以及如何在 Next.js 中做到这一点？由于文档没有提及有关 Next.js 的任何内容。

顶部选项卡导航工作，但图标不只显示屏幕名称，我正在使用 react-navigation 版本 5，如果不是 materialcommunityicons 其他可用于顶部栏导航的替代方案以及如何使用它。

奇怪的react-native-vector-icons是，它运行良好，但是通过在新版本^的文件中使用 ("^6.6.0") 作为其版本，package.json会发生此错误。

这很奇怪，因为两天前它运行良好，但现在我的项目开始运行到这个错误：

错误：错误：无法在项目中找到@react-native-community/toolbar-android来自node_modules\react-native-vector-icons\lib\toolbar-android.js@react-native-community/toolbar-android 的模块。