React native 反应本机svg未正确呈现

React native 反应本机svg未正确呈现,react-native,react-native-svg,React Native,React Native Svg,我们正在进行一个Vue/ReactNative项目,在 Reactnative组件react native svg(版本12.1.0)svg未正确呈现。 在浏览器中,它被正确渲染 SVG本身是用Adobe创建的,并使用CSS样式。不是所有的CSS元素都受支持吗 我们从外部Uri动态使用SVG,而不是作为静态文件 <svg-css-uri :key="'image_' + selectedItem.id" :height="200"

我们正在进行一个Vue/ReactNative项目,在 Reactnative组件react native svg(版本12.1.0)svg未正确呈现。 在浏览器中,它被正确渲染

SVG本身是用Adobe创建的,并使用CSS样式。不是所有的CSS元素都受支持吗


我们从外部Uri动态使用SVG,而不是作为静态文件

<svg-css-uri
    :key="'image_' + selectedItem.id"
    :height="200"
    :uri="selectedItem.picture.url"
  ></svg-css-uri>
</view>
    
    
mystyle: {
  marginLeft: 25,
  flex: 0.5,
  justifyContent: "center",
}

我的风格:{
marginLeft:25,
弹性系数:0.5,
辩护内容:“中心”,
}
我应该喜欢这个

看起来像这样(不对)


我能够在iOS上的React Native下呈现SVG,如下所示: (使用此代码)

使用,我将SVG转换为React本机组件。然后可以轻松地从.js文件导入和渲染。这是它在iOS模拟器上的外观:


我能够在iOS上的React Native下呈现SVG,如下所示: (使用此代码)

使用,我将SVG转换为React本机组件。然后可以轻松地从.js文件导入和渲染。这是它在iOS模拟器上的外观:


使用
react native SVG有两种使用SVG图像的方法

1.转化为反应组分 您可以使用此选项将svg图像转换为react组件

注意:也可以通过CLI转换图像,但我更喜欢Playerd,因为它更简单

2.直接使用SVG文件
为此,您可能需要执行文档中提到的步骤。使用
react native SVG有两种使用SVG图像的方法

1.转化为反应组分 您可以使用此选项将svg图像转换为react组件

注意:也可以通过CLI转换图像,但我更喜欢Playerd,因为它更简单

2.直接使用SVG文件
为此,您可能需要执行文档中提到的步骤

您是否可以发布svg文件的下载链接?我会在我的电脑里测试它environment@Arbnor当然这里是直接链接,你可以发布svg文件的下载链接吗?我会在我的电脑里测试它environment@Arbnor当然,这是我们从外部Uri动态使用svg的直接链接,我是否正确理解我们可以在我们的案例中使用“react native svg transformer”?可能您应该在
内尝试此操作。svgrrc
我们从外部Uri动态使用svg,我是否正确地理解了我们可以在我们的案例中使用“react native svg transformer”(反应本机svg transformer)?也许您应该在
内部尝试。svgrrc
我们从外部Uri动态使用svg,我们不将其用作静态资产。有没有一种方法可以在运行中做到这一点?我们从外部Uri动态使用SVG,而不是将其用作静态资产。有没有办法在飞行中做到这一点?