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

In my React Native app, I would like to use Vector Icons as navigation bar buttons. For that, I'm using: https://github.com/oblador/react-native-vector-icons For navigation: https://reactnavigation.org/

I managed to set the icons as well, but when I tap the buttons, I get an unwanted effect where the background turns black. Is there a way how I can keep the background color transparent also when the button's pressed?

Here's my code:

And here's what I got:

我正在使用 React Native 构建我的第一个应用程序。我正在使用 react-navigation bottomTabNavigator，当我在选项卡上添加图标时，我的应用程序将无法在 Android 上运行。iOS 工作正常。

这是我的 Menu.js 代码的要点

即使我注释掉使用图标的行（图标本身，导入），错误仍在继续。但我不明白发生了什么，因为当我开始使用图标时，Android 上开始出现错误。

在 iOS 中，一切都运行良好。

有什么帮助吗？

我已经使用 :: 安装了 react native

一切正常，直到我安装和 NPM 包。我在没有安装新包的情况下创建了三个页面。当我安装 Vector 图标以使用 :: 进行本机反应时

命令完成后我收到很多警告::

npm WARN react-native-safe-area-view@0.11.0 需要 react-native@* 的对等体，但没有安装。您必须自己安装对等依赖项。

npm WARN react-navigation-stack@0.6.0 需要 react-native@* 的对等点，但没有安装。您必须自己安装对等依赖项。

npm WARN react-native-tab-view@0.0.77 需要 react-native@* 的对等点，但没有安装。您必须自己安装对等依赖项。

npm WARN react-native-drawer-layout-polyfill@1.3.2 需要 react-native@* 的对等点，但没有安装。您必须自己安装对等依赖项。

npm WARN react-native-drawer-layout@1.3.2 需要 react-native@* 的对等点，但没有安装。您必须自己安装对等依赖项。

npm WARN 可选跳过可选依赖：fsevents@1.2.4 (node_modules/fsevents)：npm WARN notsup 跳过可选依赖：fsevents@1.2.4 不支持的平台：想要 {"os":"darwin","arch":"any "} (当前: {"os":"linux","arch":"x64"})

但似乎安装了包::

• react-native-vector-icons@6.1.0 添加了 29 个贡献者的 47 个包，删除了 329 个包，更新了 658 个包，在 83.604s 中审计了 21565 个包，发现了 0 个漏洞

之后当我运行 :: expo start 我得到以下错误 ::

现在根据错误我运行 npm install 然后 expo start。

一切似乎都很好，项目开始在 expo 模拟器上运行。 但是当我编辑任何东西并保存它时会产生另一个错误::

并且模拟器变成红色，错误不明确，如附加的屏幕截图所示：我犯的任何错误导致该错误。请让我知道修复程序，以便我可以安装使用 react native 运行的 npm 包。帮助

我正在使用react-native-element创建一个按钮组，该按钮组嵌入了来自react-native-vector-icons 的图标。

问题是当图标被触摸时，onPress 不会被触发

我正在尝试构建我的 react-native 应用程序，但出现错误：

• 出了什么问题：配置项目“：react-native-vector-icons”时出现问题。

• 无法解析配置“：react-native-vector-icons:classpath”的所有文件。

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

我尝试了以下命令：

• npm 安装
• npm 安装 npm -g
• npm rm --cached
• git clean -d -fx
• npm 缓存清理 --force
• npm 更新
• npm 升级
• npm 审计修复
• npm install react-native-vector-icons --save

我已经尝试了所有我能找到的关于如何解决这个问题的方法，但我无法让这个错误消失。有谁知道如何解决这个 react-native-vector-icons 构建失败错误？

尝试运行时遇到以下错误

控制台指责：

• 什么地方出了错：

配置项目“：react-native-vector-icons”时出现问题。

> 无法解析配置“：react-native-vector-icons:classpath”的所有文件。

> 找不到 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

This is my Component. It runs without problems on emulator/phone:

But when I run the unit test in this file (mocha --recursive test/**/*.js):

It throws:

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up defau lt and named imports.

Check the render method of MyComponent.

It works if I use a <View> instead of the <Icon> but it should be mocked. How can I fix this?

我试图编译具有我无法构建的依赖项 react-native-vector-icons 的位置保护程序。

经过多次尝试，构建失败。这是日志：

我什至在 react-native-vector node_module 的 build.grade 中更改了支持库版本。

需要一个项目的帮助，对 react-native 不熟悉。

我正在为抽屉项目和 headerLeft 设置图标。但图标没有出现在我的 android 应用程序中。我正在使用react-native-elements库在我的代码中使用图标。图标类型是字体真棒。我已经特别提到了图标的类型。

我已经尝试了所有命令，例如react-native link并成功链接了所有库，但没有任何效果。

MainComponent.js

包.json

我希望出现图标，但根本不出现。

我正在使用 Expo 31.0.4 和 Expo Vector 图标构建一个 React Native 应用程序。当我使用 Ionicons 构建 TabBar 时，会发生错误。

请帮助我，谢谢。