文件名称:article-react-native-art-svg:如何使用react-native渲染svg文件?
文件大小:537KB
文件格式:ZIP
更新时间:2024-06-07 14:53:19
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)