horizontal-scroll

Контейнер для горизонтальной прокрутки элементов.

Свойства

snapToBlocks: bool

Прилипание скролла к границам вложенных блоков.

showScrollBar: bool

style

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

  • 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
    Смещение относительно исходной позиции. Подробнее.

  • backgroundColor
    Цвет фона блока. Подробнее.

  • opacity
    Непрозрачность всего блока с его содержимым. Подробнее.

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

  • flexGrow
    Коэффициент роста блока по главной оси контейнера. Подробнее.

  • flexShrink
    Коэффициент сжатия блока по главной оси контейнера. Подробнее.

  • flex
    Задаёт поведение размера блока (рост сжатие и исходный размер) по главной оси контейнера. Подробнее.

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

Примеры


Горизонтальная прокрутка по трём блокам.


Горизонтальная прокрутка по блокам 95% ширины от контейнера. Скролл с прилипанием по блокам.

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании