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 |