如何使用 react-native-svg 模块以编程方式将 SVG 元素添加到组件？答案

【问题标题】：How to add programmatically add an SVG element to a component using react-native-svg module?如何使用 react-native-svg 模块以编程方式将 SVG 元素添加到组件？
【发布时间】：2019-06-26 13:55:39
【问题描述】：

我在网上到处搜索有关如何使用 react-native-svg 功能在 React-Native 中创建 SVG Rect 元素的信息，但没有成功。到目前为止，我所做的是在组件中定义一些 SVG 元素，并将 props 传递给现有的 SVG 元素，如 Rect 、 Circle 等。但是如何以编程方式创建随机数量的 SVG 元素并将它们附加到组件？遗憾的是，文档中没有具体说明。

【问题讨论】：

创建 SVG Rect 组件和随机数量的 SVG 元素是什么意思。你能详细说明一下吗
正是我所说的......创建例如一个 Rect 元素并将其附加到 Canvas..在某种 For 循环或类似的情况下。
这个 repo 对你有用吗github.com/smooth-code/svgr

标签： react-native react-native-svg

【解决方案1】：

我在 react-native-svg 上也找不到任何东西。

但这篇文章可能会有所帮助：How to show SVG file on React Native?。

您必须将 .svg 转换为 JSX，就像 Ihor Burlachenko 回答的那样，请注意 react-native 与 react 不同，在 react-native 中，您需要使用 react-native-svg 模块来创建 svg JSX组件

【讨论】：