Невозможно отобразить HTML в веб-представлении

Question

Я не могу отобразить html в моем WebView:

  const titleHtml = '<h1>' +
                     title +
                     '</h1>';

       return
         <WebView 
                style={{
                width: 100,
                height: 100
            }}
            source={{ html: titleHtml }} 
        />

Есть идеи?

Answer 1

Мы используем этот пакет в нашем проекте

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

и это работает как шарм. Есть несколько других, которые делают замечательную работу

Answer 2

Попробуйте это,

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 }}
         />

       );
     }
   }

Вы можете запустить его онлайн здесь , это работает ..