sticky

Контейнер блоков "прилипающий" к верхней границе экрана. Элемент ведёт себя обычным образом пока прокрутка позиционирует его ниже верхней границы экрана. В ситуации когда обычный контейнер окажется даже частично скрыт за верхней границей экрана, sticky "отрывается" от своей позиции на странице и позиционируется по верхней границе экрана.

Свойства

style

Изменение внешнего вида расположения и геометрии блока.

• width, maxWidth, minWidth
  Ширина блока. Подробнее.

• height, maxHeight, minHeight
  Высота блока. Подробнее.

• padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft
  Внутренние отступы контейнера. Подробнее.

• margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
  Внешние отступы блока. Подробнее.

• 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
  Цвет тени блока. Подробнее.

• flexDirection
  Определяет главную ось контейнера (направление блоков в контейнере). Подробнее.

• flexBasis
  Исходный размер блока по главной оси контейнера. Подробнее.

• justifyContent
  Выравнивание и распределение пространства по главной оси контейнера. Подробнее.

• alignItems
  Выравнивание поперёк главной оси контейнера. Подробнее.

• alignContent
  Распределение пространства поперёк главной оси контейнера. Подробнее.

• alignSelf
  Выравнивание конкретного блока поперёк главной оси контейнера. Подробнее.

• flexWrap
  Перенос блоков на новую строку вдоль главной оси контейнера. Подробнее.

Примеры

---