首页 文章

react-native和svgcode样本

提问于
浏览
0

我已经能够在模拟器中启动react-native“AwesomeProject”应用程序(来自教程),现在我想在一个react-native应用程序中呈现SVG .

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

我的猜测是解决方案涉及反应原生的WebView组件,但我不清楚如何在这个组件中嵌入SVG代码 .

顺便说一句,最终我想在一个本机应用程序中呈现这些图形效果:https://github.com/ocampesato/reactjs-graphics

绝对值得赞赏的建议和代码示例:)

3 回答

  • 6

    几天前,我打开了this Github PR,允许您在WebView组件中手动设置HTML . 如果你愿意,我不能通过SVG . 这可能会给你一个起点 .

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

  • 1

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

  • 1

    您可能也想查看这个:react-native-svg,在github上 .

    页面上有一些示例,说明如何继续 . 祝好运!

相关问题