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

我有一个反应原生的应用程序。

我有一个应用程序，但是当我使用图标（react-native-vector-icons）时，图标以日语显示，例如：

我要使用的图标是“添加”

图标

但是当我在我的应用程序上显示这样的图标时：

漏洞

这个应用程序的代码是：

代码

代码：

React-native 医生：

我在 React Native Web 中创建了一个网站。我正在努力解决两件事 1.) 未看到反应原生矢量图标 2.) 我如何部署这个网站。

我使用以下命令安装了 React Native 矢量图标：

npm install react-native-vector-icons --save

结果是：

然后我将图标与命令链接：

npx react-native link react-native-vector-icons

结果是：

在App.js中，然后我导入显示在react-native vector-icons GitHub 示例中的图标，如下所示：

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

然后将其插入到 View 标签中，如下所示：

但是显示的图标是一个带有 X 的框。 像这样：

我不明白发生了什么，因为下载和链接过程似乎都工作正常？我尝试使用其他一些图标进行测试，它们都有 X。CLI 或应用程序中没有错误。

我也尝试查看类似的帖子，但没有运气，因为我按照指示按照步骤操作，我仍然有 X。

任何帮助表示赞赏。我是 React Native 的新手 - 谢谢

我最初尝试将 react-native-elements 用于图标和其他组件。我按照文档进行设置，但图标在矩形中显示为十字形。在此期间，我通过运行“react-native link react-native-vector-icons”链接了矢量图标，并且还在项目的 android 文件夹的 setting.gradle 中添加了以下内容：

android/native_modules.gradle"); applyNativeModulesSettingsGradle(设置)

mainApplication.java 文件也需要更改，因此我将其更改为以下内容：

我还添加了

构建.gradle 文件。

在我通过第一个“react-native start”和“react-native run-android”重新启动应用程序后，我在我的 android 模拟器中遇到了“null 不是对象（评估 'RNGestureHandlerModule.default.Direction'）”，之后我尝试在线搜索解决方案，有些说卸载并重新安装 react-native-gesture-handlers 会解决它，所以我尝试卸载并重新安装手势处理程序并尝试重新启动流星服务器并运行“react-native run-android”。但相反，我遇到了一个错误说：

此外，当我尝试卸载手势处理程序时，Visual Studio 崩溃了，我不得不再次打开，在我启动 Vscode 后我重新安装了手势处理程序，它显示以下错误：

目前我的 package.json 文件如下：

我需要尽早解决这个问题，因为我需要向我的前辈展示我的工作。我也是 react-native 环境的新手，因此，我担心的是：

1. 如何为 android 设置和使用 react-native 矢量图标（以及第三方库）？
2. 这是什么问题，RNGestureHandler？
3. 它说 Package react-native-gesture-handler 已被忽略，因为它包含无效原因：找不到模块'react-native-gesture-handler\package.json'。这是什么，是什么原因造成的，我该如何解决？

I want to use my custom icons with react-native-vector-icons and Icomoon. I generated .tff and selection.js with Icomoon and put them into my project with react-native-link but The icons that I tried to use seen as empty square.

I will share with you my code and screenshoot.

Here is my import code

This is my package.json edit:

And this is the screenshot of icon: Screenshot

Note: I put my font files under "./resources/fonts" and put selection.json under my "src" folder and I used "react-native link react-native-vector-icons" code for link these"

How Can I solve this issue?

该图标显示在屏幕/页面中，但不会显示在底部导航中。我尝试过的解决方案：

• 按照github的安装指南，我尝试了GRADLE和MANUAL选项，但结果相同
• 曾经尝试过./gradlew clean，npx react-native run-android但结果相同
• 曾经尝试过npx react-native link react-native-vector-icons ，npx react-native run-android但结果相同

屏幕截图底部导航栏

截图设置画面

它确实出现在屏幕/页面中，如上面的屏幕截图所示，但不会显示在底部导航中。

注意：我已经在模拟器和真正的 android 设备上进行了测试，但仍然得到相同的结果！

底部选项卡的代码

你也能帮忙为什么底部标签转到下一页吗？我应该在哪里编辑代码，提前谢谢。下面是截图：

所以这基本上是我的代码

我正在尝试使用一个名为 的图标speedometer，如Ionicons 文档中所示。但是，取而代之的是一个问号?，我收到以下错误：

该错误向我显示了我可以使用的名称，但没有任何意义，因为 Ionicons 文档提到有一个名为speedometer.

我发现的另一件事是该特定图标未出现在Expo Vector Icons 文档中。

但是，我想添加它。有什么方法可以包含 Ionicons 库中的所有图标？

在ReactJS 上，我可以使用取自该网站的名称来显示图标：https ://fontawesome.com/icons?d=gallery&q=eye&m=free

如您所见，如果您用眼睛搜索，那里会有很多选项，如果您单击图标，它将显示您应该使用什么名称来调用该图标。例如：fas fa-eye将渲染实心眼睛并far fa-eye渲染常规眼睛。

问题是，在react-native上我不能像这样调用图标名称，它不会接受，所以我只能使用这个词eye，但这限制了我随机的眼睛，这不是我的选择。所以我想知道是否有任何方法可以选择我想要的图标，就像在 ReactJS 中一样？这就是我目前在 react-native 上使用 fontawesome 图标的方式：

显示的图标出现在网站的列表中，但正如我所说，有多个具有相同名称的图标，我希望能够在两者之间进行选择。

我想在我的 react native 小吃博览会应用程序中添加图标。

我尝试使用这个：

<MaterialIcons name="delete" />当我在我的主要功能组件中添加该组件时，它会抛出一个错误。

我正在使用名为snack expo 的在线代码编辑器来构建我的应用程序。有人可以帮我如何在小吃博览会中使用矢量图标吗？

非常感谢您考虑我的要求。

我们正在开发一个组件，因为这也适用于，我们希望使用react-native能够创建也可以在浏览器上测试的基本示例。 react-native-paperweb storybook

但是我们遇到了以下错误的问题，这些错误不取决于我们，而是取决于我们使用的库。

正如您在错误下方看到的那样，该组件似乎已加载了数据。

有人知道如何帮助我们了解确切的错误是什么（以防万一如何解决它），还可以联系指定的模块以纠正它们。