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

如何从组件中获取粗体图标react-native-vector-icon或将样式道具传递给组件？

我试图从浏览器开发工具中更改字体粗细 css 并且它有效

我正在使用最新版本的 react-native (0.60.4) 从本地基础获取带有 Icon 组件的白屏。

这是我的代码

如果我删除 <Icon name="ios-menu" style={{ fontSize: 20, color: "red" }} />标签，它工作正常。

此外，上面的代码适用于旧版本的 react-native(0.55.4)

我正在尝试在我的项目中使用 react-native-vector-icons（android 中的 react-native），但是我尝试使用的每个图标都保留（？）而不是图标，我正确地遵循了安装，我没有知道发生了什么。

我如何尝试使用图标（没有编译错误）：

从“react-native-vector-icons/Ionicons”导入图标

这是我的问题。

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

无法解析配置“：react-native-vector-icons:classpath”的所有依赖项。无法从 C:\Users\erick.gradle\caches\modules-2\metadata-2.71\descriptors\com.android.tools.build\gradle-api\3.3.1\fc7e8eef251519086b6ee9788cba4dd2\descriptor.bin 加载模块元数据

我从这个示例https://github.com/brunolemos/react-native-web-monorepo为 Web、Android 和 iOS 构建了一个跨平台的 monorepo 应用程序，当我将 React Native Base 添加到我的项目中时，我config-overrides.js根据本指南https进行了更改: //docs.nativebase.io/docs/GetStarted.html网页版

但在那之后我得到了 SyntaxError: C:\Users\maksi\Desktop\ecmsk\node_modules\native-base\node_modules\react-native-vector-icons\lib\create-icon-set-from-fontawesome5.js: Support for the experimental syntax 'classProperties' isn't currently enabled错误。

我尝试向插件添加loose选项，@babel/plugin-proposal-class-properties但没有奏效。而且我还尝试添加plugins到我的package.json，但这也不起作用。

包.json

配置覆盖.js

我正在尝试在react-native-vector-icons中使用 fontAwesome5Pro 。甚至 fontAwesome5 非专业图标似乎也没有显示。旧字体真棒 4 图标显示。我确实有 fontawesome 的 Pro 版本，我运行命令将我的 react-native-vector-icons 自动更新为 pro fontAwesome:./node_modules/.bin/fa5-upgrade并输入了我的 fontAwesome npm 令牌。那部分似乎已经成功了。

我在应用程序中收到此错误：

图标只是显示为问号。

代码：

我已将图标放入 xCode：

我在项目中有图标，如 VS Code 所示：

rnpmpackage.json 中的引用字体：

由于这个 SO answer，我已将“react-native-vector-icons”从 6.6.0 版更改为 6.3.0 版。但我仍然得到同样的错误。我还能检查什么来让这些字体很棒的专业图标正常工作？

自升级到 Expo 34 以来，出现与 Expo/vector-icons 相关的以下错误。

fontFamily "FontAwesome" 不是系统字体，还没有通过 Font.loadAsync 加载。

• 如果您打算使用系统字体，请确保您输入了正确的名称并且您的设备操作系统支持该名称。

• 如果这是自定义字体，请务必使用 Font.loadAsync 加载它。

我尝试在 App.js 中手动加载字体

Font.loadAsync({FontAwesome: require("../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf")})

但它没有效果。我已将 expo-font 更新为最新版本，清除了 node_modules 和 package-lock，并重建了项目。

有什么线索吗？

我正在开发一个 React Native 应用程序。我正在使用反应原生矢量图标。我无法显示编辑图标，这是我的代码

这向我显示问号而不是图标。

但如果我这样做

我得到“面积图”图标。为什么“面积图”图标有效，而不是“编辑”图标。

使用 React native 实现堆栈/重叠图标。

我试图在本机反应中实现这样的目标： https ://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons

如何做到这一点？

我已将我的应用程序升级到 RN 版本 0.60.5 并react-native-vector-icons/Feather用于图标。在升级之前，图标显示得很好，但之后我看到的是正方形而不是图标：

我这样使用它：

这可能是什么原因？