Callbacks — Kuito Dokumentation

Verwendung

Add haptic feedback to a gesture.

tsx

// Add haptic feedback to a gesture.
import { Box, haptics, pan, type Callbacks, type PanChangeEvent, type PanEvent } from 'kuito';

// Shared feedback for every draggable in the app.
const feedback: Callbacks<PanEvent, PanChangeEvent> = {
  onStart: () => void haptics.selection(),
  onEnd: (_, success) => void (success && haptics.impact('light')),
};

<Box gestures={[pan({ axis: 'x', ...feedback })]} />;

Typdeklaration

export interface Callbacks<Event, Change> {
  /** It activated. */
  onStart?: (event: Event) => void;
  /** It moved, with the change since the last move. */
  onChange?: (event: Change) => void;
  /** It ended after activating: `success` is false when it was cancelled. */
  onEnd?: (event: Event, success: boolean) => void;
}

Mitglieder 3

Name	Typ	Erforderlich	Beschreibung
`onStart`	`(event: Event) => void`	Nein	It activated.
`onChange`	`(event: Change) => void`	Nein	It moved, with the change since the last move.
`onEnd`	`(event: Event, success: boolean) => void`	Nein	It ended after activating: `success` is false when it was cancelled.

onStart — Methodensignaturen

Signaturen

(event: Event): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`event`	`Event`	Ja	—

Rückgabe

void

onChange — Methodensignaturen

Signaturen

(event: Change): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`event`	`Change`	Ja	—

Rückgabe

void

onEnd — Methodensignaturen

Signaturen

(event: Event, success: boolean): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`event`	`Event`	Ja	—
`success`	`boolean`	Ja	—

Rückgabe

void

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