我已经能够在模拟器中启动react-native“AwesomeProject”应用程序(来自教程),现在我想在一个react-native应用程序中呈现SVG .
我尝试用包含一个SVG椭圆代码片段的SVG元素替换return(...)语句的内容,然后模拟器屏幕变为红色(可能是因为Microsoft使用蓝色:)) .
我的猜测是解决方案涉及反应原生的WebView组件,但我不清楚如何在这个组件中嵌入SVG代码 .
顺便说一句,最终我想在一个本机应用程序中呈现这些图形效果:https://github.com/ocampesato/reactjs-graphics
绝对值得赞赏的建议和代码示例:)
3 回答
几天前,我打开了this Github PR,允许您在WebView组件中手动设置HTML . 如果你愿意,我不能通过SVG . 这可能会给你一个起点 .
但是,HTML或SVG作为字符串传入,它与在React中为Web使用HTML或SVG不同 . 为此,您可能对this Github issue感兴趣,它建议在React Native的WebView中允许web-React .
我现在不能做到这一点,因为你可以在React Native中使用的javascript库有一些限制 . 现在,您可以看到从文档中映射的本机组件:http://facebook.github.io/react-native/docs/getting-started.html#content
您可能也想查看这个:react-native-svg,在github上 .
页面上有一些示例,说明如何继续 . 祝好运!