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> с произвольной кнопкой-иконкой.