react-native和svgcode样本

Question

我已经能够启动反应本地＆＃34; AwesomeProject＆＃34;模拟器中的应用程序（来自教程），现在我想在反应原生的应用程序中渲染SVG。

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

我的猜测是该解决方案涉及本地反应的WebView组件，但我不清楚如何在此组件中嵌入SVG代码。

顺便说一句，最后我想在反应原生应用中呈现这些图形效果： https://github.com/ocampesato/reactjs-graphics

建议和代码示例肯定会受到赞赏：）

Answer 1

几天前，我打开了this Github PR，允许您在WebView组件中手动设置HTML。如果你愿意的话，我没有看到你无法通过SVG的任何理由。这可能会给你一个起点。

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

Answer 2

我认为您现在无法做到这一点，因为您可以在React Native中使用的javascript库存在一些限制。 现在，您可以看到文档中映射的本机组件：http://facebook.github.io/react-native/docs/getting-started.html#content

Answer 3

你可能也想看看这个： react-native-svg，在github上。

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