在React Native 0.57中使用SVG作为组件
在上一篇文章中,我曾尝试使用Plugin方法加载SVG,但主要缺点是在传递道具方面进行了自定义,只能进行尺寸修改。 在这里,我正在使用SVGR库进行手动转换,该库将标准SVG转换为React Native兼容组件,即JSX格式 第1步:选择SVG的内容并将其粘贴到此链接的左侧工作区中,您将在右侧看到转换后的JSX格式。 第2步:在页面的最左侧,选择React-Native选项,因为我们在React Native中使用react-native-svg作为基础库。 第3步:取消选择最左侧底部附近的SVGO转换,因为选择此选项并不能为我所有的SVG带来一致的结果(“ 我的观察” ) 第4步:从右侧框中复制结果代码,并在React Native Project中创建一个文件(此处我使用的是SVGR网站上的默认SVG) 从'react'导入React 从'react-native-svg'//导入SVG,{Defs,G,Rect} // SVGR删除了react-native-svg不支持的一些元素:title,desc const SvgComponent…