首页 > 其他分享 >react-native-svg 使用

react-native-svg 使用

时间:2022-08-30 18:45:35浏览次数:56  
标签:github svg uri yarn react native

github:https://github.com/react-native-svg/react-native-svg
安装: 

yarn add [email protected] react-native-svg-uri

注意: 如果运行 yarn android 报错

 Task :react-native-svg:compileDebugJavaWithJavac FAILED

 

 尝试更换react-native-svg版本号

使用: 

import SvgUri from "react-native-svg-uri";
const svg = '<svg .............> </svg>'
<SvgUri svgXmlData={svg} width="60" height="60" />

 

标签:github,svg,uri,yarn,react,native
From: https://www.cnblogs.com/tlfe/p/16640456.html

相关文章

  • 11 个需要避免的 React 错误用法
    11个需要避免的React错误用法王平安​lovecoding,lovelife~​关注他 4人赞同了该文章随着React越来越受欢迎,React开发者也越来越......
  • 如何通过 4 个步骤升级 React Router
    如何通过4个步骤升级ReactRouterReact-router版本6已发布,这非常重要,因为react-router是最常用和最重要的react包之一,您会发现很多react项目需要路由,因此很......
  • 创建React项目全过程
    首先创建react项目可以先下载脚手架create-react-app(类似于vue的脚手架vue-cli)。1、打开****cmd,执行:npminstall-gcreate-react-app;全局安装。如果执行失败,可能是n......
  • 如何在springBoot中进行ReactiveFeignClient超时配置
    最近项目中用到了ReactiveFeign请求第三方的http接口,需要自定义一个请求超时时间,但在网上查了很多资料都没有一个比较准确的配置方法。pom依赖<dependency><groupId>......
  • React报错之Property 'value' does not exist on type EventTarget
    正文从这开始~总览当event参数的类型不正确时,会产生"Property'value'doesnotexistontypeEventTarget"错误。为了解决该错误,将event的类型声明为React.ChangeEvent......
  • svg转图片base64
    1constsvg=document.getElementById('svg');//获取元素2//consts=newXMLSerializer().serializeToString(svg);//xml序列化3constsrc=`data:image......
  • 将 Mapbox GL 与 React 101 一起使用
    将MapboxGL与React101一起使用LombardSokağı,SanFrancisco如果我们想做一个处理地图数据的项目,Mapbox会在这里帮助我们,而不是重新发明轮子并从头开始编写一......
  • 在 React 中使用过滤器可扩展地管理表的状态
    在React中使用过滤器可扩展地管理表的状态不久前,我正在使用一个高度复杂的仪表板,该仪表板经常有很多表(典型的分页表),并且这些表有自己的过滤器,应用后,数据将被过滤和查看......
  • 如何在 React JS 中隐藏网站源代码?
    如何在ReactJS中隐藏网站源代码?“成长的关键是将更高维度的意识引入我们的意识。”老子最近我在使用React进行开发时遇到的问题是,当我打开控制台进行检查时,我导......
  • 在 React 中释放 Web 组件的力量
    在React中释放Web组件的力量Photoby法提赫on不飞溅假设您有一个项目,要求您在React应用程序中使用Web组件。你如何使用该组件的状态?如何访问它的方法和属......