Usage

Read where a flick started.

tsx
// Read where a flick started.
import { Box, fling, signal, type FlingEvent } from 'kuito';

const dismissed = signal<'top' | 'bottom' | null>(null);

// A fling started near the top dismisses upward, else downward.
const dismiss = (event: FlingEvent) => {
  dismissed.value = event.y < 100 ? 'top' : 'bottom';
};

<Box gestures={[fling({ direction: ['up', 'down'], onStart: dismiss })]} height={200} />;

Type declaration

ts
export type FlingEvent = PositionEvent;

Members 7

NameTypeRequiredDescription
xnumberYes—
ynumberYes—
absoluteXnumberYes—
absoluteYnumberYes—
statenumberYes—
numberOfPointersnumberYes—
pointerTypenumberYes—
Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.