Как установить imagesMaxWidth, когда строка html уже имеет ширину - PullRequest
0 голосов
/ 19 февраля 2020

Я использую response-native-render- html для переноса строки в html элементы при разработке React Native Apps. Я получил строку с помощью API-интерфейсов RESTful из бэкэнда, и там уже были заданы ширина и высота в теге <img>:

<img class=\"aligncenter\" src=\"https://www.allfin.com/u/cms/www/201811/13142949sf02.jpg\" alt=\"\" width=\"600\" height=\"408\" />

Но я хочу, чтобы изображение было изменено до максимальной ширины окна, поэтому я использую:

imagesMaxWidth={Dimensions.get('window').width

Весь сегмент находится ниже:

  <ScrollView style={styles.content}>
    <Text style={styles.title}>{this.props.title}</Text>
    <Text>{this.props.date}</Text>
    <HTML
      html={this.props.content}
      imagesMaxWidth={Dimensions.get('window').width - 40}
    />
  </ScrollView>

Но размер изображения нельзя изменить до максимальной ширины окна.

Так как я могу установить это?

Спасибо

1 Ответ

0 голосов
/ 19 февраля 2020

Используйте атрибуты ignoredStyles, чтобы игнорировать ширину и высоту исходных изображений. Используйте ignoredStyles = {['height', 'width']}, чтобы установить изображения, и в результате можно получить

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...