如何在React Native中显示SVG数据？

Question

我有一些要导入到我的React Native App中的SVG图像数据。

有什么方法可以获取我的原始SVG图像数据并显示它而不保存到文件中？

我有一个api，它将根据任何给定的文本（coolProgrammer123）创建图像，并返回SVG图像数据。

https://api.kwelo.com/v1/media/identicon/coolProgrammer123?format=base64

有什么想法吗？谢谢。

Answer 1

我建议您尝试react-native-svg-uri

` AutoItX.WinActivate("Open");
  AutoItX.ControlGetFocus("Open");
  AutoItX.Send(file);
  System.Threading.Thread.Sleep(2000);
  AutoItX.ControlClick("Open", " ", "Button1");`

更新

这是一个代码段，说明如何使用axios从URL获取SVG并将其传递到import SvgUri from 'react-native-svg-uri'; const TestSvgUri = () => ( <View style={styles.container}> <SvgUri width="200" height="200" source={{uri:'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg'}} /> </View> ); 标签，而无需使用上述Image包。 / p>

npm