React native 反应本机svg未正确呈现
我们正在进行一个Vue/ReactNative项目,在 Reactnative组件react native svg(版本12.1.0)svg未正确呈现。 在浏览器中,它被正确渲染 SVG本身是用Adobe创建的,并使用CSS样式。不是所有的CSS元素都受支持吗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"
我们从外部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,而不是将其用作静态资产。有没有办法在飞行中做到这一点?