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

我正在尝试创建一个带有加号图标的简单浮动操作栏按钮，并且在某些边缘情况下无法将“加号”真正居中。我只是在 a 中使用 '\uFF0B' <Text>，但尝试切换到react-native-vector-icons，却发现他们也在使用字体而不是图像来支持<Icon>实例，而且我的问题似乎仍然存在。

大多数屏幕和设备上的情况都很好，但在某些情况下，用户报告加号图标没有完全居中。我有一个假设，它可能涉及用户的可访问性选项，使应用程序中的字体大小超出父视图的大小。无论如何，我可以通过设置fontSize大于lineHeight. 假设这是问题 -

您如何在 a 的视图区域中居中单个字形<Text>（或者<Icon>，因为它源自<Text>），即使fontSize可能比<Text>'slineHeight甚至整体大得多height？

在下面的示例中，“+”字体大小正好是行高的两倍，因此加号位于视图区域右上角的中心，就好像它期望在一个 112dp 的框中一样x 112dp；但我希望它以 56dp x 56dp 框的中心为中心，加号的手臂被裁剪。样式属性的组合似乎没有影响它，而只是控制<Icon>其父级中的位置。

目前：

一般：

对于超大字体：

代码：

...

我无法测试使用原生图标的组件。它在投掷Cannot read property 'default' of undefined。

我已经建立了一个 react-native 项目并尝试使用 jest 测试组件。我使用了 react native 默认组件和来自 native-base 的组件。

如果我包含来自 react-native 的组件，则只有 jest 能够正确渲染它，而如果我包含来自 native-base 的某些组件，则会从 script_transformer 抛出错误。

我能够通过使用 transform 和 transformIgnorePatterns 来解决它。但是本机基础使用的 react-vector-icon 仍然存在问题。

这是包.json

这是测试文件

这是视图

我想用条形码扫描图标更改 react-native-paper 搜索栏中的搜索图标。
native-paper 使用react-native-vector-icons作为MaterialCommunityIcons中的图标和条形码扫描
这是我尝试过的代码，它给出了一个空白而不是一个图标

这是正确的方法还是我错过了什么？

我是新来的反应本地人。我正在使用反应原生元素和反应原生矢量图标。我的标题中有一个 Icon.Button，我很难让它工作。但是，当我单独使用该组件时，它按预期工作

这是我的 ButtonTest.tsx

这按预期工作。

但是，当我在 AppHeader.tsx 中使用相同的逻辑时，它就不起作用

AppHeader.tsx

应用程序标题加载得很好。但是（在模拟器上）当我尝试单击它时，没有任何反应

但如果我单击 ButtonTest 组件，它工作得非常好。我得到了 console.log 和警报。

请帮忙

当我使用 Native Base 矢量图标时，它显示“RNVectorIcons 模块不可用”

我正在安装 Native Base 但没有单独安装 RN-Vector-Icons

你能找到这个错误吗？它对我或其他人真的有帮助吗

这里是完整的错误图像

并检查此图像，它显示 GetImageSource 已安装在图标导入中

在此处输入图像描述

我已经安装了 react-native 并尝试运行我的应用程序，但我立即收到错误消息Unrecognized font family 'simple-line-icons'。

然后，我尝试按照orreact-native-vector-icons中的其他解决方案中提到的那样进行链接。这是我试图链接它的命令： 。stack-overflowGitHubreact-native link react-native-vector-icons

这提示另一个错误，即 : Cannot read property 'pbxprojPath' of null。

同样，如果有人对第二个错误有解决方案，我会进一步研究，我发现最常见的答案是我需要升级我的 react-native。所以我使用了以下命令react-native-git-upgrade，但我收到了这个错误：

Error: react-native version in "package.json" (https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz) doesn't match the installed version in "node_modules" (0.57.1).

这是我的项目属性：

我已经尝试清理我的缓存。

另外，我正在使用 npm。

有人遇到过同样的问题吗？

我只是用 RNVI 安装了更新的 react native，使用 RNVI 时出现此错误，

BackAndroid 已弃用，并已从此包中删除。改用 BackHandler

import FontAwesome from 'react-native-vector-icons/FontAwesome';但是当我删除时一切都很好<FontAwesome name="icon_name"/>

我尝试BackAndroid使用 vscode 甚至在 RNVI github repo 上进行搜索，但我找不到任何BackAndroid

我该如何解决这个问题？

我使用 react-native-vector-icons。

1. 点击输入
2. 键盘上升
3. 按下图标时，图标不触发，键盘会先下降，而不是在键盘打开时触发onpress方法图标

预期结果想要实时聊天，而键盘向上提交图标将始终触发。

我试图用键盘将它包裹在滚动视图中，但它不起作用。

你可以看到我的问题是在 WalkthroughableTextInput 之后的 IconComponent

我正在尝试使用 react-navigation 设置一个简单的屏幕导航栏。我的导航工作正常，但无法在每个选项卡上显示任何图标。

我尝试使用 FontAwesome 而不是 IonicIcons，但是带有 X 的同一个 Box 代替了所需的图标。

我正在使用 react-native-vector-icons

我想在第一次加载屏幕时更改图标的名称我可以很好地看到图标但是当按下它时它不再起作用并且我看到问号？

任何想法来处理名称以接受变量？

当我记录它时this.state.FavIcon它是未定义的！

--

没关系它现在可以工作了：D，我只是在 setState 时编辑图标的名称，并重命名状态的名称

现在新Q是当我按下图标时我将图标更改为“ios-heart”，现在如果我想再次按下我想更改为“ios-heart-empty”

我想做的功能的想法是添加到收藏夹和从收藏夹中删除