Как отобразить несколько HTML-содержимого в React Native без использования Webview? - PullRequest
Новая
       21

Как отобразить несколько HTML-содержимого в React Native без использования Webview?

0 голосов
/ 19 сентября 2019

Я работаю над собственным проектом.

Там мы получаем вопросы и ответы в виде данных Json.Что касается ответов, мы получаем HTML-контент в ключе ответов.

Итак, я должен показать количество ответов в плоском списке.Есть ли способ визуализации HTML-контента без использования Webview?

Json похож на следующий пример: 

 [ { question: 'How do I change or reset my password?',
       answer: <p style="color:#B22222">Color text and <span style="color:limegreen;">another color</span>, and now back to the same. Oh, and here's a <span style="background-color:PaleGreen;">different background color</span> just in case you need it!</p>
    }, 
    { question: 'How do I change my user name?',
       answer: <p>Here's a blockquote:</p>
<blockquote>Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.</blockquote>
<p>That was a blockquote.</p>
    }, 
    { question: 'How do I change my email ID?',
       answer:<p style="font-size:18pt">Text size using points.</p><p style="font-size:18px">Text size using pixels.</p><p style="font-size:larger">Text size using relative sizes.</p>
    }, 
    ....
    ]

Данные динамические и разные ответы и вопросы.

Любые предложения, Без использования Webview, можем ли мы отобразить HTML-контент в плоский список для цикла.

1 Ответ

0 голосов
/ 19 сентября 2019

Попробуйте использовать Reaction-native-render-html : 

...
import HTML from 'react-native-render-html';

...

  <HTML tagsStyles={{
        p: styles.textAuthor}} 
        html={htmldata} 
        imagesMaxWidth={screen.screenWidth} 
  />

С помощью этой библиотеки вы можете манипулировать узлами HTML перед рендерингом.

...