Я пытаюсь использовать response-native-render- html для отображения текста и изображений.
HTML является частью JSON объекта, например:
exercises: [
{
title: 'exercise 1',
description: '<p>This is a test</p> <img src="../assets/images/my-image.png"> <p>Blah blah blah</p>',
},
],
Расположение файла, содержащего HTML: . / Src / константы. js Местоположение изображения, которое я пытаюсь отобразить: . / Assets / images / my-image.png Расположение файла, который пытается отобразить HTML: . / Src / components / pages / page. js
По какой-то причине, текст показывает, но изображение показывает пустой квадрат, что, согласно документам, означает, что ссылка на изображение не работает. Тем не менее, я создал файл HTML для тестирования, и он отлично отрисовывается в chrome. Я попытался изменить путь к источнику изображения в соответствии с его местоположением из файла, в котором он находится, файла, который называется et et 1033 *. но ничего не работает. Файл находится в моей папке ресурсов, которая находится в моей папке root.
Вот как я пытаюсь отрендерить HTML:
<HTML
html={this.props.exerciseSelected.description}
imagesMaxWidth={WIDTH}
baseFontStyle={styles.descriptionText}
/>
Рассматривая проблемы на репо, похоже, что некоторые люди имели схожие проблемы и использовали пользовательские средства визуализации, но документы довольно скудные, и я не уверен, что это даже решение. Также отметим, что если я попытаюсь запросить файл и использовать базовый компонент изображения реагирования c, он отобразится на странице. Но на самом деле, это мне не поможет, я пытаюсь статически визуализировать более 50 статей с изображениями и текстом в разных местах, поэтому я не могу просто выбрать изображения и сделать их таким образом, потому что это будет трудно определить где изображение должно быть расположено на странице.
Пожалуйста, дайте мне знать, если я делаю глупую ошибку, или если вы знаете лучший пакет для использования, который должен решить мою проблему.
Буду признателен за любую помощь: -)