react-native - 在React Native中显示来自URL的外部SVG图像

Question

是否有任何软件包可以让我显示从外部 URL 加载的 SVG 图像？

我尝试使用react-native-svg-image/react-native-svg-uri及其分支，但这些都不能正常工作 - 是否有任何非死包的react-native可以完成这项工作？

这是 svg-img-uri 抛出的示例错误

<SvgUri width="24" height="24" source={{ uri: 'https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.3.0/flags/1x1/ad.svg' }} />

Text strings must be rendered within a <Text> component.

This error is located at:
    in RNSVGDefs (at Defs.js:8)

Answer 1

react-native-svg 现在支持从在线 uri 显示 svg

import { SvgUri } from 'react-native-svg';

export default () => (
  <SvgUri
    width="100%"
    height="100%"
    uri="http://demo.com/assets/your/image.svg"
  />
);

引用https://github.com/react-native-svg/react-native-svg#use-with-content-loaded-from-uri