RotationChangeEvent — Kuito Dokumentation

Verwendung

React to incremental rotation.

tsx

// React to incremental rotation.
import { Box, haptics, rotate, signal, type RotationChangeEvent } from 'kuito';

const turned = signal(0);

// A tick of haptic feedback every 30 degrees, like a dial's detents.
const tick = (event: RotationChangeEvent) => {
  const before = Math.floor(turned.value / 30);

  turned.value += event.rotationChange;
  if (Math.floor(turned.value / 30) !== before) void haptics.selection();
};

<Box gestures={[rotate({ onChange: tick })]} width={120} height={120} />;

Typdeklaration

export interface RotationChangeEvent extends RotationEvent {
  rotationChange: number;
}

Mitglieder 8

Name	Typ	Erforderlich	Beschreibung
`rotationChange`	`number`	Ja	—
`rotation`	`number`	Ja	Degrees, as the rotate prop takes them.
`anchorX`	`number`	Ja	—
`anchorY`	`number`	Ja	—
`velocity`	`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.