react-native and svgcode sample



我已经能够在模拟器中启动react原生"AwesomeProject"应用程序(来自教程),现在我想在react原生应用程序中渲染SVG。

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

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

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

建议和代码示例将不胜感激:)

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

然而,HTML或SVG是作为字符串传入的,这与在React for the web中使用HTML或SVG不同。为此,您可能会对这个Github问题感兴趣,该问题建议在React Native的WebView中允许web React。

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

您可能还想看看这个:在github上反应原生svg。

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

最新更新