Блок видео слайда. По нажатию открывает видео проигрыватель в полный экран. В поведении по размерам и стилям аналогичен <image>.
string | { url, width?, height?}Параметры исходного изображения. Строка с URL исходника или объект с полями:
url*: string
Строка с URL исходника.
width*: number
Ширина исходника. Указывается вместе с height. При указании и width, и height предотвращается возможный скачёк страницы при первой загрузке, посколько настоящий размер изображения не известен до начала его загрузки. Заданный размер исходника может отличаться от реального и именно он учитывается при отображении.
height*: number
Ширина исходника. См. width выше.
<video><video> блок к отображению на полный экран.
stringПо-умолчанию: cover
Метод размещения изображения в случае отличия пропорций отображения от исходника.
cover — Изображение вписывается закрыв всю область отображения. Часть изображения что не вписывается в область становится не видна. Пропорции сохраняются.
contain — Изображение умещается целиком, с отступами по сторонам с недостающими данными. Пропорции сохраняются.
stretch — Изображение растягивается по границам области. Пропорции игнорируются.
Изменение внешнего вида, расположения и геометрии блока.
width, maxWidth, minWidth
Ширина блока. Подробнее.
height, maxHeight, minHeight
Высота блока. Подробнее.
padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft
Внутренние отступы контейнера. Подробнее.
margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
Внешние отступы блока. Подробнее.
position
Метод позиционирования блока: relative или absolute. Подробнее.
top, right, bottom, left
Смещение относительно исходной позиции. Подробнее.
border
Задание границ для блока по всем четырём сторонам: толщина стиль и цвет. Подробнее.
borderTop, borderRight, borderBottom, borderLeft
Задание индивидуальных границ для сторон блока: толщина и цвет. Подробнее.
borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius
Скругление углов границ. Подробнее.
borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth
Толщина границ. Подробнее.
borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor
Цвет границ. Подробнее.
backgroundColor
Цвет фона блока. Подробнее.
backgroundGradient
Градиент фона блока. Подробнее.
opacity
Непрозрачность всего блока с его содержимым. Подробнее.
elevation
Высота тени. Подробнее.
shadowColor
Цвет тени блока. Подробнее.
flexBasis
Исходный размер блока по главной оси контейнера. Подробнее.
flexGrow
Коэффициент роста блока по главной оси контейнера. Подробнее.
flexShrink
Коэффициент сжатия блока по главной оси контейнера. Подробнее.
flex
Задаёт поведение размера блока (рост сжатие и исходный размер) по главной оси контейнера. Подробнее.
alignSelf
Выравнивание конкретного блока поперёк главной оси контейнера. Подробнее.
transform
Преобразование геометрии блоков и контейнеров в 2D и 3D пространстве. Подробнее.
Минимальный пример. Без указания src.width и src.height. Возможен скачёк блока при первой загрузке страницы.
Пример с src.width и src.height.
Пример с размерами исходного изображения отличающимися от реальных. Свойство resizeMode='contain' впишет изображение в пределах пропорций указанного размера.
