react-native – 在React Native中呈现HTML

在我的React Native应用程序中,我提取了具有如下原始HTML元素的JSON数据：< p>这是一些文本.让&#8217; s弄清楚……< / p>

我已将数据添加到我的应用中的视图,如下所示：

<文本> {this.props.content}< /文本和GT;

问题是HTML是原始的,它不像在浏览器中那样渲染.有没有办法让我的JSON数据看起来像在浏览器中,在我的应用程序视图中？

编辑2017年3月：html prop已被弃用.改为使用source：

<WebView source={{html: '<p>Here I am</p>'}} />

https://facebook.github.io/react-native/docs/webview.html#html

感谢Justin指出这一点.

编辑2017年2月：PR被接受了一段时间,所以要在React Native中呈现HTML,只需：

<WebView html={'<p>Here I am</p>'} />

原答案：

我认为目前不可能.您所看到的行为是预期的,因为Text组件只输出……好吧,文本.你需要另一个输出HTML的组件 – 那就是WebView.

不幸的是,现在无法直接在此组件上设置HTML：

https://github.com/facebook/react-native/issues/506

但是我刚刚创建了this PR,它实现了这个功能的基本版本,所以希望它能以某种形式快速登陆.