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

c# - WPF 按钮作为带有文本和矢量图标的自定义控件

各位晚安,

我真的很想有一个带有文本和矢量图标的自定义按钮..我搜索了类似的东西但没有运气..所以我自己尝试制作自定义控件但我无法使其工作:没有错误或发现警告,但图标根本不出现。在我的代码下面:

自定义控件 CS:

generic.xaml(触发器等已删除,因为对此无用):

最后是 mainWindow.xaml:

如果我在 Visual (generic.xaml) 中将“{StaticResource BoatIcon}”代替“{TemplateBinding Icon}”,则会出现图标,所以我想问题在于我如何尝试使用 DependencyProperty。

0 投票
2 回答
245 浏览

reactjs - React Native 矢量图标:为什么“back_arrow”无法渲染?

react-native-vector-icons在我的 React Native 应用程序中使用,并且具有以下组件:

我使用该rowing图标是因为这是此处文档中的第一个示例。当您不为 提供值时type,它默认为material,所以我想我可以用此列表rowing中的任何material图标替换。当我用 替换它时,它呈现为一个问号。有谁知道我该如何调试这个?back_arrow

0 投票
4 回答
20618 浏览

javascript - 如何使用带有 react-native-vector-icons 的材质社区图标

我正在尝试在材料社区图标中使用店面图标。但是我收到一个错误,它不显示图标。这是我的代码:

我已经安装了 Ionic 的矢量图标库和其他图标,例如工作。

编辑:

我想我需要将 react-native 链接到 react-native-vector-icons 但我收到一条错误消息The term 'react-native' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.

编辑2:我认为这只是一些我无法访问的材料社区图标,包括“店面大纲”和“店面”。也许它们已被弃用但在您搜索商店时仍然存在?感谢大家的帮助,但我将只为我的情况使用一个替代图标,因为我已经浏览了矢量图标文档中的所有内容。

0 投票
1 回答
45 浏览

svg - 如何在 SVG 区域中居中文本

我试图在我的 SVG 区域中将文本居中,但没有成功。有没有人对如何优化这个有任何见解?

0 投票
2 回答
326 浏览

android-studio - 调整 XML Vector 图像的 viewportHeight 和 viewportWidth 大小

起初,我很抱歉我的英语不好。

在我的 android 项目中,我使用了矢量 XML 文件中的图标。在那里,一些图标 viewportHeight 和 viewportWidth 尺寸太大,这些图标在小尺寸显示设备(高度 <= 720px)中会出现问题。大尺寸 viewportHeight 和 viewportWidth 的图标,我使用 AI 在 SVG 中创建。

我的问题是,有没有办法减少 XML 矢量 viewportHeight 和 viewportWidth 的大小?

0 投票
1 回答
251 浏览

react-native - fontFamily FontAwesome 不是系统字体,没有通过 Font.loadAsync 加载

之前一切正常,但没有图标显示为带有 X 的框,我收到此错误:

包.json

请帮忙!这个错误让我发疯!

0 投票
0 回答
49 浏览

c# - ControlTemplate 图标作为 AvalonDock LayoutAnchorableItem WPF/C# 的 ImageSource

我在 wpf 应用程序中使用 AvalonDock 并尝试为此动态设置 layoutAchorableItem 的 IconSource 我喜欢使用 ToolIconSelector 它将返回 vectorIcon 作为 ControlTemplate 但问题是 IconSource 必须是 ImageSource 类型。有谁知道我如何将我的 VectorIcons 用于 AvalonDock 中的 IconSource?

XAML 代码:

基本上,我想要 IconSource 属性中的值,如上面从 VectorIcon 资源中设置的代码,如下例所示:

有没有办法将其转换为 ImageSource?

提前致谢。凯文

0 投票
0 回答
36 浏览

react-router - @expo/vector-icon 未加载 Android 设备

我已经为项目创建了最低限度的世博项目。我在使用文档中指定了 expo 矢量图标。所以它在浏览器和安卓模拟器中运行良好,这很好。之后,我使用命令将项目发布到 expo 帐户:“expo publish”并且它已成功发布。所以当我开始将生成的 QR 码扫描到手机中时。它不显示图标。显示一些编码字符串。已使用语法:

包.json

如果代码中有任何问题,请帮助我。提前致谢。

0 投票
1 回答
74 浏览

xcode - React Native iOS:“字体”文件夹和字体文件名的大写与小写是否重要?

我正在添加react-native-vector-icons到我的 React Native 项目中,这些说明Fonts告诉我将文件夹从node_modules/react-native-vector-iconsXCode中拖到我的项目中。此文件夹中的所有字体文件都Fonts以大写字母开头。在这个项目中,现有fonts文件夹以小写字母开头,其中的一个字体文件(ionicons.ttf)以小写字母开头。

我想知道的:Fonts文件夹或其中的任何字体文件以大写还是小写开头是否重要?

0 投票
1 回答
130 浏览

react-native - Expo fontello 无法加载

我正在尝试在我的项目中加载 fontello 图标,但是如果我尝试在 App.js 中加载,它会发送“false”并且应用程序不会加载:

如果我用 Fontello 注释该行,它会加载应用程序,但出现以下错误:
fontFamily "fontello" 不是系统字体,尚未通过 Font.loadAsync 加载。

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

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