react-native和svgcode样本

时间:2015-03-26 21:25:59

标签: react-native

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

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

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

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

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

3 个答案:

答案 0 :(得分:6)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

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

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