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

我似乎无法弄清楚这一点。我可以展示一些东西，但它是一个带有 X 的盒子，所以我假设它没有拾取矢量图标。有什么建议吗？

我的显示图标是真的，我有色调，我有矢量图标（我已经尝试过 ionicons 和 font awesome，但无济于事。

代码：

环境

iPhone XR React Native 0.59.9 React Native 矢量图标 6.5.0

描述

使用import Icon from 'react-native-vector-icons/Ionicons';

即使我<Icon />不带参数返回，图标也会模糊/混叠。改变大小和 css 不会改变任何东西。我在文档中找不到任何关于此的内容，因此非常感谢任何指导:)

这是我正在谈论的内容的屏幕截图

这不会发生在任何其他 iPhone 上，

当我尝试升级 expo SDK 版本 30 -> 33 时出现此错误，我尝试了多种方法，但无法

在 Web 上使用 react-native-vector-icons 时，您必须根据 README 使用 react-native-vector-icons/dist。

但是，在本机应用程序上，这会导致“react-native-vector-icons/dist”不在哈希图中且无法解析的错误。

仅在网络上有条件地导入和使用 dist/ 文件夹的最佳方法是什么？我正在使用 Expo，所以我可以使用 Expo (Platform.OS === 'web') 作为条件，但我不确定将异步操作放入视图的渲染方法是否有意义？

可能是这样的 - https://medium.com/@magbicaleman/intro-to-dynamic-import-in-create-react-app-6305bb397c46

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

我使用以下语句导入 Ionicons：

1. 从名称中删除 ios/md

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

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

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

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

有没有更简单的方法？

谢谢！

构建react-native-web时，出现以下错误：

我在.babelrc文件中有这个部分

任何人都可以帮忙吗？

我正在尝试为单击的图标（列表和网格）应用活动颜色，但自从新进入 RN 以来找不到正确的解决方案。我已经单独粘贴了组件代码以供参考。

代码：

图片参考：

预计将是：

列表显示

网格视图

我正在使用不同类型的反应原生矢量图标 - Material 和 FontAwesome，具体取决于特定图标的可用性。我想创建一个通用组件来包装整个应用程序中图标的使用。到目前为止，我有：

仅适用于 FontAwesome，如何根据例如 prop 参数使其动态化，以便在需要时使用 Material 图标？注意：我不想为每种类型创建单独的组件，例如 IconMaterial、IconFontAwesome 等。我希望组件的名称为 Icon 而不管类型如何。那可能吗？

反应原生自动链接不适用于反应原生矢量图标。我用这个 https://github.com/oblador/react-native-vector-icons/issues/1035将它修复到 android

但是在IOS上我仍然面临问题。如果有人解决了这个问题，请告诉我...谢谢！

这是屏幕截图我面临的问题。

我已经安装了 react-native-vector-icon 但它显示错误如果你有任何解决方案请告诉我