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

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
527 浏览

android - react-native-vector-icons/react-native-elements 不起作用

我已经尝试了一切,但无法解决此错误。请帮助替换此框而不是图标 import { Icon } from 'react-native-elements' <Icon name="glass" ></Icon>

0 投票
3 回答
1572 浏览

reactjs - react-native-vector-icon 显示“错误”图标

我正在使用react-native-vector-icons我的 React 本机项目。最近,当我打开我的应用程序时,它一直显示我在该name字段中填写的错误图标,或者显示该图标不存在(“问号”)。

我觉得很尴尬,因为大约一两周后就正常了。我一直在 SOF 或他们的 github 上搜索,但感觉没有希望。

你能帮我解决这个问题吗?

这是我的代码,它应该显示邮件图标,但我有这个 在此处输入图像描述

这是我在我的package.json

谢谢,祝你有美好的一天。

0 投票
3 回答
2158 浏览

android - React-native-vector-icons 给了我一个与其目录中列出的不同的图标

我在我的应用程序中使用 react-native-vector-icons。当我使用 React-Native 6.2.1 时,一切都很好。我今天升级到 6.3.0。现在我所有的图标都搞砸了。我想名字已经改变了。我今天玩了这个目录,得到了奇怪的结果。这是我从中获取列表的地方:https ://oblador.github.io/react-native-vector-icons/

如果我选择一个名称为“ios-call”的,它应该显示一个电话图标,但我得到的是一个电子邮件图标。有些图标根本不显示。其他不受影响。我在我的应用程序中使用它们,如下所示:

从“react-native-vector-icons/Ionicons”导入离子;

<Ionicons name='call' size={24} style={{marginRight: 15}}/>

这真是搞砸了我的最后期限。为什么这个平台的变化和升级总是显得不稳定?

有没有其他人遇到过这个问题,如果有,你能告诉我在哪里寻找解决方案吗?

提前致谢。

0 投票
1 回答
56 浏览

javascript - 为什么没有出现矢量图标?

我的主页标题中有一个图标,但该图标没有出现,只有一个白色的 X。我该怎么办?

截屏

0 投票
0 回答
320 浏览

ios - Fontello 图标未显示 React Native Ios

我正在尝试在带有 IOS 的 React Native 上使用 Fontello 实现自定义图标,但遇到了同样的问题。我通过安装矢量图标然后链接它们来遵循文档中的所有必需步骤。接下来,我将 .ttf 文件放在我的 /assets/fonts 文件夹中,并将它们也链接起来。我检查了 .ttf 是否放置在 ios 文件夹以及构建阶段和 info.plist 的资源中。但是,当我运行它时,字体在一个响应大小和颜色的框中显示为问号。我应该做什么?我尝试在其他解决方案中重新启动、重新链接、删除和重新安装该应用程序。

这是图标的代码:

输出的图像: F

0 投票
2 回答
2125 浏览

ios - 安装 react-native-vector-icons 时出现 React Native iOS 构建问题

我正在学习 React Native,并且在我的第一个项目中对这个问题束手无策。我正在尝试安装 react-native-vector-icons,虽然一切都在 Android 中完美运行,但 iOS 无法运行。

这是我得到的错误(很高兴提供任何其他有帮助的细节,但请记住我是新手,可能需要你指导我输入什么来获取它):

  1. 在 XCode 中,我在构建时看到了这一点:Apple Mach-O Linker Error; Library not found for -lCocoaAsyncSocket; Linker command failed with exit code 1 (use -v to see invocation)
  2. 在终端我看到:Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening <appName>.xcworkspace

根据我的网络研究,我尝试了以下方法:

  1. pod deintegrate && pod install(我也更新了 pod 到最新的)
  2. 我完成了在 github 站点上安装的所有步骤,甚至启动了第二个新项目,并完成了一个具有相同结果的 youtube 教程。
  3. 我已经清理了缓存,删除了构建文件夹并尝试重建,删除了 podfile.lock 文件夹并重新安装,完全重新启动了我的机器,确保我打开的是 .xcworkspace 文件而不是 .xcodeproj 文件,我已经更改了我的构建系统工作区设置为旧版,我已经链接和取消链接了十几次。

其他可能有用的数据:

  1. 这是我的反应版本: react-native-cli: 2.0.1 react-native: 0.63.2
  2. 当我尝试安装 react-native-maps 时发生了这种情况,但在run-ios第 20 次运行该命令后,它以某种方式奇迹般地“自行修复”。
  3. 我不确定自动链接是否正常工作,因为react-native link <package> --platforms ios每当我安装 3P 包时我都必须运行。

我将不胜感激可以提供的任何帮助,并很乐意添加所需的任何细节(请帮助我了解如何获取它)。

提前感谢您提供的任何帮助!

0 投票
0 回答
201 浏览

react-native - 你如何在带有@oblador/react-native-vector-icons 的 React Native (iOS/Android) 中使用像 @mdi/light-font 这样的 webfont npm 包?

我想在 React Native 中使用以下图标 webfont:@mdi/light-font

我正在使用@oblador/react-native-vector-icons来管理我的网络字体。我不使用世博会。

目前我已经使用了@mdi/light-font 的.svg 导出并将其重新打包为Fontello 的自定义字体。然后我使用 react-native-vector-icons 辅助函数来导入 Fontello。

突然间,我有一种感觉,我无缘无故地让我的生活变得更加艰难。

我已经看到有一个 ttf 文件可以推送到 android。但是我找不到如何导入 glyphMap。

任何想法 ?

谢谢

0 投票
1 回答
840 浏览

react-native - 如何从 react-native-vector-icons 中删除不必要的字体?

我的应用程序包大小为 19.7。我决定删除未使用的 react-native 矢量图标。

所以,我在android/app/build.gradle中添加了以下代码

我把它放在之前

然后我重新创建了包。但大小仍然是 19.7 MB。

另外,我提取了捆绑包,发现在资产文件夹中有反应原生矢量图标,除了 1 个图标集外我不使用这些图标。

我可以直接从包中删除这些文件吗?

0 投票
1 回答
487 浏览

react-native - 如何在 React Native Vector Icon 中选择同名的图标

我正在制作我的第一个 React Native 应用程序,我想在我的按钮中添加一些图标,所以我安装了 React Native Vector Icons,并在我的代码中使用它,如下所示:<IconButton icon='cart-plus' color='blue' />.

问题是我可以在 React Native Vector Icons 目录中看到有很多同名的图标:

在此处输入图像描述

我找不到一种方法来指定我要显示的那个。

0 投票
0 回答
379 浏览

android - 如何在 react native web 版本中使用 react-native-vector-icons?

我正在尝试使用在 android 和 web 上同时运行的 react native 创建一个混合应用程序。因此尝试使用 react-native-vector-icons 包,但是当我尝试运行时,android 版本正在编译而没有任何错误,尽管网络版本引发以下错误:

下面是我的 package.json:

babel.config.js:

谁能告诉我如何解决这个错误?