Spec-Zone.ru › React Native

Стили изображений

Примеры

Режим изменения размера изображения

  • Компонент функции
  • Компонент класса

Граница изображения

  • Компонент функции
  • Компонент класса

Радиус границы изображения

  • Компонент функции
  • Компонент класса

Оттенок изображения

  • Компонент функции
  • Компонент класса

Справочник

Свойства

backfaceVisibility

Свойство определяет, будет ли видна задняя сторона повернутого изображения.

Тип Значение по умолчанию
перечисление('visible', 'hidden') 'visible'

backgroundColor

Тип
цвет

borderBottomLeftRadius

Тип
число

borderBottomRightRadius

Тип
число

borderColor

Тип
цвет

borderRadius

Тип
число

borderTopLeftRadius

Тип
число

borderTopRightRadius

Тип
число

borderWidth

Тип
число

opacity

Установите значение непрозрачности для изображения. Число должно быть в диапазоне от 0.0 до 1.0.

Тип Значение по умолчанию
число 1.0

overflow

Тип Значение по умолчанию
перечисление('visible', 'hidden') 'visible'

overlayColor
Android

Когда у изображения есть скругленные углы, указание overlayColor заполнит оставшееся пространство в углах однородным цветом. Это полезно в случаях, которые не поддерживаются реализацией скругленных углов на Android:

  • Некоторые режимы изменения размера, такие как 'contain'
  • Анимированные GIF-файлы

Типичный способ использования этого свойства — с изображениями, отображаемыми на однородном фоне, установив overlayColor в тот же цвет, что и фон.

Подробности о работе этого под капотом см. в документации Fresco.

Тип
строка

resizeMode

Тип Значение по умолчанию
перечисление('cover', 'contain', 'stretch', 'repeat', 'center') 'cover'

tintColor

Изменяет цвет всех непрозрачных пикселей на tintColor.

Тип
цвет

© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://reactnative.dev/docs/image-style-props

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API