Components

Component

PullToRefresh

Pull gesture wrapper for refreshing content.

ReactReact Native3 props
PreviewReact

아래로 당겨 새로고침

Pull interaction preview

Imports

import { PullToRefreshRoot, PullToRefreshIndicator, PullToRefreshContent } from "@hozorica/hods-react/pull-to-refresh";
import { PullToRefreshRoot, PullToRefreshIndicator, PullToRefreshContent } from "@hozorica/hods-react-native/pull-to-refresh";

Props

PropTypeDescription
threshold / displacementMultipliernumberPull readiness math.
onPtrRefresh() => Promise<void>Refresh callback.
onPtrPullStart/Move/End/ReadyfunctionGesture lifecycle callbacks.

Platform Support

React

Pointer-based pull threshold with refresh callbacks.

React Native

ScrollView RefreshControl wrapper.

Usage

<PullToRefreshRoot><PullToRefreshIndicator /><PullToRefreshContent>...</PullToRefreshContent></PullToRefreshRoot>

Notes

  • Primarily intended for mobile surfaces.
  • Web implementation is pointer-based and lightweight.