PullToRefresh
Компонент для обновления контента жестом “потянуть вниз”. Работает на сенсорных устройствах и поддерживает управление состоянием загрузки.
Обязательные свойства
Обработчик onRefresh
Функция обновления данных (прим.: функция должна быть мемоизированным обработчиком)
Особенности работы
Управление состоянием
- Устанавливайте
isFetching={true}
при начале загрузки. - Устанавливайте
isFetching={false}
после завершения загрузки.
Свойства и методы
Свойство | Описание |
---|---|
Component | ElementType<any, keyof IntrinsicElements> По умолчанию: - |
document | Document По умолчанию: - |
getRootRef | Ref<HTMLElement> По умолчанию: - |
isFetching | boolean Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать По умолчанию: - |
noSlideClick | boolean Блокировать click-события после распознавания свайпа. По умолчанию: - |
onEnd | CustomTouchEventHandler Общий обработчик завершения взаимодействия. По умолчанию: - |
onEndX | CustomTouchEventHandler Обработчик завершения горизонтального свайпа. По умолчанию: - |
onEndY | CustomTouchEventHandler Обработчик завершения вертикального свайпа. По умолчанию: - |
onEnter | HoverHandler Обработчик входа курсора в область. По умолчанию: - |
onLeave | HoverHandler Обработчик выхода курсора из области. По умолчанию: - |
onMove | CustomTouchEventHandler Общий обработчик перемещения. По умолчанию: - |
onMoveX | CustomTouchEventHandler Обработчик горизонтального перемещения. По умолчанию: - |
onMoveY | CustomTouchEventHandler Обработчик вертикального перемещения. По умолчанию: - |
onRefresh | AnyFunction Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным обработчиком). По умолчанию: - |
onStart | CustomTouchEventHandler Общий обработчик начала взаимодействия. По умолчанию: - |
onStartX | CustomTouchEventHandler Обработчик начала горизонтального перемещения. По умолчанию: - |
onStartY | CustomTouchEventHandler Обработчик начала вертикального перемещения. По умолчанию: - |
scroll | ScrollContextInterface По умолчанию: - |
slideThreshold | number Порог расстояния в пикселях для активации свайпа. По умолчанию: 5 |
stopPropagation | boolean Останавливать всплытие событий. По умолчанию: - |
useCapture | boolean Использовать фазу capture для событий. По умолчанию: - |
usePointerHover | boolean Использовать pointer-events для hover-состояний. Работает на отключенных элементах (disabled inputs). По умолчанию: - |
window | Window По умолчанию: - |