无法在WebView中显示HTML

Question

我无法在WebView中显示 const titleHtml = '<h1>' + title + '</h1>'; return <WebView style={{ width: 100, height: 100 }} source={{ html: titleHtml }} /> ：

{{1}}

有什么想法吗？

Answer 1

尝试一下

import React, { Component } from 'react';

import { StyleSheet, WebView, Platform} from 'react-native';

export default class MainActivity extends Component {

     render() {

      var HtmlCode = '<h1> h1 Heading Tag</h1>' +
                     '<p> Sample Paragraph Tag </p>'
                      ;

       return (

         <WebView 

         javaScriptEnabled={true}
         domStorageEnabled={true}
         source={{ html: HtmlCode }}
         />

       );
     }
   }

您可以在线运行here，它可以工作。.

Answer 2

我们在项目中使用了此软件包

  

https://github.com/archriss/react-native-render-html

，它就像一种魅力。还有其他一些人做得很好