react-native 和 svgcode 示例答案

【问题标题】：react-native and svgcode samplereact-native 和 svgcode 示例
【发布时间】：2015-05-31 02:26:56
【问题描述】：

我已经能够在模拟器中启动 react-native “AwesomeProject” 应用程序（来自教程），现在我想在 react-native 应用程序中渲染 SVG。

我尝试将 return(...) 语句的内容替换为包含一个 SVG 椭圆代码 sn-p 的 SVG 元素，然后模拟器屏幕变为红色（可能是因为 Microsoft 使用蓝色:)）。

我的猜测是该解决方案涉及 react-native 中的 WebView 组件，但我不清楚如何在该组件中嵌入 SVG 代码。

顺便说一句，最终我想在 react-native 应用程序中渲染这些图形效果： https://github.com/ocampesato/reactjs-graphics

建议和代码示例肯定会受到赞赏:)

【问题讨论】：

【解决方案1】：

我认为你现在不能这样做，因为你可以在 React Native 中使用的 javascript 库有一些限制。现在你可以看到从文档映射的原生组件：http://facebook.github.io/react-native/docs/getting-started.html#content

【讨论】：

【解决方案2】：

几天前，我打开了this Github PR，允许您在 WebView 组件中手动设置 HTML。如果你愿意，我看不出有什么理由不能传入 SVG。这可能会给你一个起点。

但是，HTML 或 SVG 作为字符串传入，这与在 React for web 中使用 HTML 或 SVG 不同。为此，您可能对 this Github issue 感兴趣，它建议允许在 React Native 的 WebView 中使用 web-React。

【讨论】：

【解决方案3】：

您可能还想查看以下内容： react-native-svg，在 github 上。

页面上有关于如何进行的示例。祝你好运！

【讨论】：