问题标签 [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 投票
3 回答
2788 浏览

react-native - 将矢量图标添加到本机项目时构建失败异常

我必须在我的 react native 项目中使用矢量图标,而在为 android 平台进行构建(react-native run-android)时出现此错误。

这些步骤是否添加了矢量图标:

npm install react-native-vector-icons –save

反应原生链接

任何人都可以帮助解决这个问题吗?

FAILURE:构建失败并出现异常。* 出了什么问题:配置项目 ':app' 时出现问题。

无法解析配置 ':app:_debugApk' 的所有依赖项。配置项目“:react-native-vector-icons”时出现问题。无法解析配置“:react-native-vector-icons:classpath”的所有依赖项。无法解析 com.android.tools.build:gradle:2.3.+。要求:crm:react-native-vector-icons:unspecified 无法解析 com.android.tools.build:gradle:2.3.+。无法列出 com.android.tools.build:gradle 的版本。无法从https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml加载 Maven 元数据。无法获取“ https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml ”。jcenter.bintray.com:443 未能响应

0 投票
1 回答
4026 浏览

react-native - 带有矢量图标的 React Native 自定义图标

我是 React Native 的新手,我正在尝试让图标能够根据收到的 json 数据改变颜色。我已经能够使用React Native Vector Icons。但是,我有自己想要使用的图标。在链接的回购页面上有一些关于生成自己的图标的内容,但我不够熟悉,不知道它应该如何工作。我的图标是.png文件,我想制作它们,这样我就可以在我的应用程序中动态地给它们一个颜色属性。我想看看如果可能的话,这个过程能够做到这一点。我可以使用回购中描述的过程吗?

提前致谢!

0 投票
1 回答
947 浏览

javascript - 图标未正确加载 react-native-vector-icons

我正在使用 React-Native 构建应用程序。我继续使用 FlatIcon 获取一些自定义图标,我将它们上传到 IcoMoon 并按照安装步骤在react-native.

问题是我得到的结果与我安装的完全不同。

这是我在应用程序上获得的图标:

在此处输入图像描述

但我应该得到这个结果:

在此处输入图像描述

自定义图标.js

主页.js

如您所见,它没有颜色,布局也非常不同。我尝试使用其他图标,但得到了相同的结果。

0 投票
0 回答
1339 浏览

android - 无法识别的字体系列“Ionicons” | 反应式

在 Ios 上出现 Unrecognized font family 'Ionicons' 错误,而它在 android 上工作正常。

我试过的东西: npm 链接 react-native-vector-icons npm start -- --reset-cache

错误信息在这里

0 投票
6 回答
988 浏览

android - 找不到 com.android.tools.build:gradle:2.3.+ 的任何匹配项,因为没有可用的 com.android.tools.build:gradle 版本

嗨,我在测试我的 react 本机应用程序时遇到了问题,今天早上它工作正常,但是当我现在测试它时,我得到了这个错误:

找不到 com.android.tools.build:gradle:2.3.+ 的任何匹配项,因为没有可用的 com.android.tools.build:gradle 版本。在以下位置搜索: https://jcenter.bintray.com/com/android/tools/build/gradle/maven-metadata.xml https://jcenter.bintray.com/com/android/tools/build/gradle / 要求:项目:react-native-vector-icons 任何人都可以帮助我,谢谢

0 投票
1 回答
961 浏览

android-studio - 如何在 android studio 中从 .png 图标创建矢量图标?

我想从我的可绘制文件夹中的 .png 图像创建矢量图标,那么我该如何创建它?

0 投票
1 回答
2264 浏览

react-native - console.error : "fontFamily "Material Icons" 不是系统字体,还没有通过 Font.loadAsync 加载

我正在尝试从 react-native-vector-icons/MaterialIcons 添加一个图标:

但我得到:

console.error : "fontFamily "Material Icons" 不是系统字体,还没有通过 Font.loadAsync 加载

我尝试使用 Font.loadAsync

有任何想法吗?

0 投票
2 回答
3658 浏览

javascript - android 和 ios 的矢量图标

https://www.npmjs.com/package/react-native-ionicons中,我们提供了两种加载 ios 和 android 图标的方法。我用@expo/vector-icons 的v9.0.0 尝试了这两种方法。

我使用以下语句导入 Ionicons:

  1. 从名称中删除 ios/md

我收到以下错误,其他图标名称也会发生这种错误:

警告:失败的道具类型:提供给图标的值闭合圆圈的道具名称无效,应为...

  1. 如果我改为传递 ios/android 属性,则图标不会显示,也不会收到警告,例如:

我当前的修复基于如何在本机反应中创建跨平台图标?. 我用:

有没有更简单的方法?

谢谢!

0 投票
1 回答
1331 浏览

react-native - 更改活动 TabBarIcon 的颜色 React Native

此问题类似,但我也想更改图标的颜色- 而不仅仅是文本。

这是有问题的代码:

根据Github 上的这个帖子,我应该试试这个:

但是信息圈还是灰色的: 在此处输入图像描述

也试过color={this.tabBarOptions.activeTintColor}了,导致错误:

在此处输入图像描述

还有其他建议吗?

编辑- 也尝试过:

0 投票
1 回答
211 浏览

react-native - 如何从 React Native 中的目录导入矢量图标?

我想知道如何使用 react native 导入我创建的矢量图标或从 pc 中的目录?