header
Заголовок экрана
Свойства
mode: opaque | transparent
По-умолчанию: opaque
-
opaque— Фон заголовка не прозрачен. Отображается над видимой областью экрана. Значение по-умолчанию. -
transparent— Фон заголовка отсутствует. Отображается поверх содержимого экрана. Не допускает отображение title, subTitle и произвольного содержимого, за исключением rightButton.
title: string
Текст заголовка.
subTitle: string
Текст подзаголовка
rightButton: <button>
Кнопка отображаемая по правому краю заголовка.
style
Изменение внешнего вида, расположения и геометрии блока.
-
width,maxWidth,minWidth
Ширина блока. Подробнее. -
height,maxHeight,minHeight
Высота блока. Подробнее. -
overflow
Способ отображения дочерних элементов при занятии избыточного места за пределами контейнера. Подробнее. -
padding,paddingHorizontal,paddingVertical,paddingTop,paddingRight,paddingBottom,paddingLeft
Внутренние отступы контейнера. Подробнее. -
margin,marginHorizontal,marginVertical,marginTop,marginRight,marginBottom,marginLeft
Внешние отступы блока. Подробнее. -
color
Цвет текста. Подробнее. -
fontFamily
Название семейства шрифта. Подробнее. -
fontSize
Размер шрифта. Подробнее. -
fontStyle
Возможность задать шрифту курсив. Подробнее. -
fontWeight
Жирность шрифта. Подробнее. -
fontVariant
Возможность задействовать моноширные цифры Подробнее. -
letterSpacing
Междусимвольный интерфал шрифта. Подробнее. -
lineClamp
Ограничение высоты текста по количеству строк. Подробнее. -
lineHeight
Величина пространства отводимого на одну строку текста по высоте. Подробнее. -
textAlign
Принцип выравнивания текста. Подробнее. -
textDecorationLine
Добавление к тексту подчеркивания или перечёркивания. Подробнее. -
textOverflow
Способ сокращения текста при выходе за границы контейнера. Подробнее. -
border
Задание границ для блока по всем четырём сторонам: толщина стиль и цвет. Подробнее. -
borderTop,borderRight,borderBottom,borderLeft
Задание индивидуальных границ для сторон блока: толщина и цвет. Подробнее. -
borderRadius,borderBottomLeftRadius,borderBottomRightRadius,borderTopLeftRadius,borderTopRightRadius
Скругление углов границ. Подробнее. -
borderWidth,borderTopWidth,borderRightWidth,borderBottomWidth,borderLeftWidth
Толщина границ. Подробнее. -
borderColor,borderTopColor,borderRightColor,borderBottomColor,borderLeftColor
Цвет границ. Подробнее. -
backgroundColor
Цвет фона блока. Подробнее. -
backgroundGradient
Градиент фона блока. Подробнее. -
opacity
Непрозрачность всего блока с его содержимым. Подробнее. -
transform
Преобразование геометрии блоков и контейнеров в 2D и 3D пространстве. Подробнее.
Примеры
<header> с заголовком и подзаголовком. Окрашен в серый цвет фона.
<header> с меню. Без фона и заголовка.
<header> с произвольным содержимым.
<header> с произвольной кнопкой-иконкой.