PanChangeEvent — Kuito Dokumentation

Verwendung

Handle incremental drag movement.

tsx

// Handle incremental drag movement.
import { Box, pan, signal, type PanChangeEvent } from 'kuito';

const scrubbed = signal(0);

// Moves the playhead 50 ms for each point the finger moved since the last move.
const scrub = (event: PanChangeEvent) => {
  scrubbed.value = Math.max(0, scrubbed.value + event.changeX * 50);
};

<Box gestures={[pan({ axis: 'x', onChange: scrub })]} height={44} />;

Typdeklaration

export interface PanChangeEvent extends PanEvent {
  changeX: number;
  changeY: number;
}

Mitglieder 13

Name	Typ	Erforderlich	Beschreibung
`changeX`	`number`	Ja	—
`changeY`	`number`	Ja	—
`translationX`	`number`	Ja	—
`translationY`	`number`	Ja	—
`velocityX`	`number`	Ja	—
`velocityY`	`number`	Ja	—
`x`	`number`	Ja	—
`y`	`number`	Ja	—
`absoluteX`	`number`	Ja	—
`absoluteY`	`number`	Ja	—
`state`	`number`	Ja	—
`numberOfPointers`	`number`	Ja	—
`pointerType`	`number`	Ja	—

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.