【文件属性】：
文件名称：article-react-native-art-svg:如何使用react-native渲染svg文件？
文件大小：537KB
文件格式：ZIP
更新时间：2021-05-18 21:06:39
JavaScript
如何使用React Native ART渲染SVG文件？
我们不会使用任何svg库，而是将利用库。
界面看起来像这样。
import { ART } from 'react-native' ;
const {
Surface ,
Shape ,
Group ,
Text ,
Path ,
ClippingRectangle ,
LinearGradient ,
RadialGradient ,
Pattern ,
Transform
} = React . ART
让我们从简单的svg开始，它是一个加号图标，例如（ ）。 我已通过右键单击容器并选择“复制SVG代码”，从skatch应用程序中导出了该文件。
不幸的是，生成的代码远非完美，在将其实现为react native之前，我们还有很长的路要走。 让我们进行一些调整...
< sv
【文件预览】：
article-react-native-art-svg-master
----.gitignore(248B)
----README.md(14KB)
----App.test.js(228B)
----package.json(657B)
----.babelrc(130B)
----app.json(47B)
----.watchmanconfig(3B)
----images()
--------icons-fs8.png(11KB)
--------ic_add.svg(893B)
--------screen_scaled.png(56KB)
--------icons.png(41KB)
--------screen_mask.png(64KB)
--------ic_tractor_optimized.svg(4KB)
--------screen_tractor.png(19KB)
--------screen_tractor_1.png(22KB)
--------screen_no_mask.png(59KB)
--------ic_add_optimized.svg(150B)
--------screen_ic_add.png(34KB)
--------ic_tractor.svg(7KB)
--------screen_mask-fs8.png(37KB)
--------screen_scale-fs8.png(14KB)
--------screen_scale.png(23KB)
--------screen_ic_add-fs8.png(24KB)
--------screen_no_mask-fs8.png(46KB)
--------screen_tractor-fs8.png(11KB)
----App.js(10KB)
----yarn.lock(252KB)