CustomScrollView
Компонент, который унифицирует браузерную полосу прокрутки на всех платформах.
Прокручиваемый контент
Контент, который требует полосы прокрутки, необходимо передавать в свойство children
.
Параметры прокрутки
overscrollBehavior
Свойство overscrollBehavior
отвечает за поведение при достижении границы области прокрутки.
Подробнее с поведением и значениями можно ознакомиться в документации overscrollBehavior ↗.
scrollBehavior
Свойство scrollBehavior
отвечает за анимацию прокрутки.
Подробнее с поведением и значениями можно ознакомиться в документации scroll-behavior ↗.
Скрытие полосы прокрутки
Свойство scrollbarHidden
позволяет управлять видимостью полосы прокрутки.
true
— полоса прокрутки скрыта;false
— полоса прокрутки видна (по умолчанию).
Горизонтальная полоса прокрутки
Свойство enableHorizontalScroll
позволяет отображать горизонтальную полосу прокрутки.
true
— горизонтальная полоса прокрутки видна;false
— горизонтальная полоса прокрутки скрыта (по умолчанию).
Обработчики событий
Компонент позволяет обрабатывать событие scroll
, возникающее при прокрутке контента, через свойство onScroll
.
Свойства и методы
Свойство | Описание |
---|---|
children | ReactNode Содержимое. По умолчанию: - |
className | string
По умолчанию: - |
enableHorizontalScroll | boolean Включение отображения горизонтального скролла. По умолчанию: false |
getRootRef | Ref<HTMLDivElement> По умолчанию: - |
onScroll | ((event: UIEvent<HTMLDivElement, UIEvent>) => void) Обработчик события По умолчанию: - |
overscrollBehavior | "auto" | "none" | "contain" Поведение overscroll, подробнее можно почитать в документации ↗. По умолчанию: auto |
scrollbarHidden | boolean Скрытие скроллбара. По умолчанию: false |
scrollBehavior | "auto" | "smooth" Поведение scroll-behavior, подробнее можно почитать в документации ↗. По умолчанию: auto |