无法将“字符串”类型分配给“ ImageSourcePropType”类型

时间:2020-11-10 14:28:54

标签: typescript react-native svg

背景 我正在尝试使用在xlinkHref标签内具有属性Image的SVG组件。该文件是普通的SVG,但我使用https://react-svgr.com/playground/?native=true将其转换为React Native组件(TSX)。我以前使用过非常简单的SVG图标,但使用的方法相同,但是都没有xlinkHref属性。

问题

该组件在某个点上带有一个Image标记,它像这样:xlinkHref="data:image/png;base64,,但是紧接着,它包含大约474行的已编码信息,或者至少是我所写的相信是。例如,这是第一行的前半部分:iVBORw0KGgoAAAANSUhEUgAAAeUAAAJwCAYAAAC3c3kPAAAAAXNSR0IArs4c6QAAQABJREFUeAH。 VS Code自动将xlinkHref标签突出显示为不正确,并且出现标题中提到的错误:

类型'string'不能分配给类型'ImageSourcePropType'。

并在下面的错误消息中提到:

预期类型来自属性'xlinkHref',该属性在此处声明为'IntrinsicAttributes&IntrinsicClassAttributes >&Readonly&Readonly <...>'

我不是一个专业的程序员,也无法理解错误要告诉我的内容,因此,如果有人愿意解释,那将意味着很多。

问题

是否可以在React Native中使用具有这种属性和赋值的SVG组件,或者它根本不兼容?我该如何解决呢?这是一个已知问题,还是我遇到了新的障碍?在互联网上找不到有关此特定问题的任何信息。

非常感谢!

1 个答案:

答案 0 :(得分:1)

这对我有用:xlinkHref={'...' as any}