RotationEvent — Kuito Dokumentation

Verwendung

Set a value from a rotation gesture.

tsx

// Set a value from a rotation gesture.
import { Box, motion, rotate, spring, type RotationEvent } from 'kuito';

function Dial(props: { onSet: (degrees: number) => void }) {
  const turn = rotate().release(spring());
  const angle = motion(0).follows(turn.rotation);

  const settle = (event: RotationEvent) => props.onSet(Math.round(event.rotation / 15) * 15);

  return (
    <Box rotate={angle} gestures={[rotate({ onEnd: settle }), turn]} width={120} height={120} />
  );
}

Typdeklaration

export interface RotationEvent extends GestureEvent {
  /** Degrees, as the rotate prop takes them. */
  rotation: number;
  anchorX: number;
  anchorY: number;
  velocity: number;
}

Mitglieder 7

Name	Typ	Erforderlich	Beschreibung
`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.