javascript - 在 vue-native 中使用 svg 图像

标签 javascript react-native expo vue-native

在我的 vue-native 应用程序中,我想显示本地的 SVG 图像。

为此我尝试了react-native-svg-uri ( https://github.com/vault-development/react-native-svg-uri )。我使用它的步骤是:-

npm 安装react-native-svg-uri --save

react-native 链接react-native-svg

但是,当我尝试使用以下任何方法在屏幕上渲染 svg 时,它什么也不显示:-

<svg-uri width="200" height="200" source="{uri:'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg'}"/>

<svg-uri width="200" height="200" :svgXmlData="testSvg"/>

<svg-uri :source="require('../../assets/images/colour.svg')" />

最佳答案

您使用的是 React Native 方式而不是 Vue Native 吗?我相信语法有点不同。不过我确信它应该可以工作,也许你可以尝试改变一下,将 vue 原生语法与这个语法进行比较,然后乱搞它

关于javascript - 在 vue-native 中使用 svg 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56149339/

相关文章:

react-native - React Native 展览地点 : How to make the background location service update more often?

javascript - 使用 for in 循环访问对象属性而不知道它的父对象

javascript - 渲染后如何执行指令代码?

javascript - 如何从 YouTube 视频网址获取直接视频网址?

javascript - npx react-native init 错误在 appdata 文件夹中不包含 package.json 文件

reactjs - 如何在 react native expo 中创建调试 apk

React Native 中 TextInput 的 onChange 事件的 TypeScript 类型

javascript - 如何在我通过页面切换时切换每个元素

javascript - 如何将字符串变量作为参数传递给 JavaScript 函数?

reactjs - 在 React js 中对 .map 数据进行排序(在顶部显示最新日期)