问题标签 [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 回答
5714 浏览

javascript - 如何反转反应原生矢量图标按钮颜色?

我使用矢量图标作为Icon.Button,我想要两个取消和接受图标。

我正在这样做:

我得到这个:

在此处输入图像描述

我想要这个:

在此处输入图像描述

如何反转反应原生矢量图标按钮颜色?谢谢

0 投票
2 回答
1763 浏览

javascript - 如何在一个文件中使用不同字体(不止一种)的 react-native-vector-icons?

如何在一个文件中使用 react-native-vector-icons 的 2 种或更多字体(例如 FontAwesome 和 Entypo)?

0 投票
4 回答
7118 浏览

react-native - react-native-router-flux 选项卡如何更改所选选项卡的图标?

我正在使用 react-native-router-flux ^4.0.0-beta.21 和 react-native-vector-icons 中的导航选项卡。选择场景时如何更改图标或更改所选场景的图标颜色?

现在我已经定义了一个像下面这样的图标,但是我如何传递一个像焦点道具这样的东西呢?

0 投票
1 回答
305 浏览

android - 将矢量图标与应用程序捆绑以供离线访问

我使用来自 @expo/vector-icons 的 2 个带有 Ionicons 的图标作为 React Native 应用程序。

有没有办法将 2 个图标捆绑到应用程序中,这样用户就不需要互联网连接来渲染图标?

0 投票
1 回答
12939 浏览

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

我可以在同一屏幕上导入 react-native-vector-icons/font-awesome 和 react-native-vector-icons/Ionicons 吗?基本上我想在同一屏幕上同时使用 font-awesome 和 Ionicons 图标来获取不同的图标?

0 投票
0 回答
947 浏览

react-native - 无法在 wix 导航栏上使用矢量图标

除了导航栏,我可以在任何地方使用矢量图标。它什么都不显示。

这是我的完整项目 https://github.com/Knight1988/RNWixNavigationReduxStarter

截屏

0 投票
1 回答
1217 浏览

reactjs - react-native-elements:图标抛出 Invariant Violation 错误

我是本地人的新手,我遇到了一个我不知道如何解决的问题。我创建并启动了一个新项目,如下所示:

  • create-react-native-app 项目名称
  • cd 项目名称
  • 纱线添加反应原生元素@beta
  • npm 开始

package.json 看起来像这样:

然后我想插入一个带有这样图标的按钮:

不幸的是,我收到此错误消息:

iphone上的错误信息

有没有人提示我如何使图标工作?我已经尝试使用 'yarn add react-native-vector-icons' 添加矢量图标,尽管我确实有一个 create-react-native 项目,但这也不起作用。

谢谢!

0 投票
1 回答
122 浏览

reactjs - 组件数组中仅显示一个组件

我正在使用react-native-vactor-icons来绘制评级星,我将每个星推入数组中,然后在渲染中显示这个数组,但只显示一个星。我的代码是

在渲染函数中,我这样称呼它

我的风格是:

我得到这样的东西:

在此处输入图像描述

我怎样才能在这里显示 5 星或者我在这里做错了什么?

0 投票
1 回答
1059 浏览

android - React Native Router Flux 选项卡导航不显示特定组件的选项卡图标

我遇到了反应本机路由器通量导航的问题。我想使用 react-native-vector-icons 为我的标签显示一个图标,但对于组件 {ScreenOverview} 它不显示该图标。

代码:

使用此代码,它看起来像这样: 在此处输入图像描述

当我将第二个场景更改为:

它看起来像这样: 在此处输入图像描述

0 投票
1 回答
229 浏览

javascript - 图标导致视图中的空白 - React Native

我有一个看起来像这样的 ListView:

截屏

如您所见,下拉箭头图标在每个项目的左侧就在文本的第一位上方创建了一个间隙。我想避免这个差距,当前代码:

我尝试将它与标签内联,如下所示:

这消除了间隙,但不会将其放置在同一个位置(屏幕右侧)。我尝试将 Text 标签的 flex 设置为 1,但这完全搞砸了,有没有办法让图标与文本内联并一直向右?