UIImage

Применение #

UIImage применяется для отображения изображения в интерфейсе.

Отличие компонента UIImage от свойства backgroundImage для контейнера заключается в том, что UIImage может влиять на макет.

Создание #

В качестве источника UIImage ожидает либо URL адрес в виде строки, либо результат fetch (объект Response).

Если используется URL, то изображение появляется не сразу, а только после загрузки. Если при этом не было явно заданы свойства width и height, то это также влияет на остальной макет.

Если используется Response, то изображение отображается сразу, без какой-либо задержки и без сдвига макета.

Пример использования Response в качестве источника изображения:

import { UIImage, UIScreen } from 'ui'

fetch("/docs-assets/favicon-D2spz8Iz.png").then((resp) => {

const image = UIImage(resp)

UIScreen([ image ]).open()

})