0

我已经能够在模拟器中启动 react-native “AwesomeProject” 应用程序（来自教程），现在我想在 react-native 应用程序中渲染 SVG。

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

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

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

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

4

3 回答 3

6

几天前，我打开了这个 Github PR，让您可以在 WebView 组件中手动设置 HTML。如果你愿意，我看不出有什么理由不能传入 SVG。这可能会给你一个起点。

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

于 2015-04-01T16:52:14.300 回答
1

You might want to check out this as well: react-native-svg, on github.

There are examples on the page, on how to proceed. Good luck!

于 2015-04-17T11:34:48.537 回答
1

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

于 2015-03-27T00:49:09.027 回答