背景
我正在尝试使用在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组件,或者它根本不兼容?我该如何解决呢?这是一个已知问题,还是我遇到了新的障碍?在互联网上找不到有关此特定问题的任何信息。
非常感谢!
答案 0 :(得分:1)
这对我有用:xlinkHref={'...' as any}