PinchEvent — Kuito Documentation

Utilisation

Zoom content with a pinch.

tsx

// Zoom content with a pinch.
import { Image, motion, pinch, spring, type PinchEvent } from 'kuito';

function Zoomable() {
  const zoom = pinch().release(spring());
  const scale = motion(1).follows(zoom.scale);

  const report = (event: PinchEvent) => console.log(`zoomed to ${event.scale.toFixed(1)}x`);

  return (
    <Image
      src="https://example.com/map.png"
      width={300}
      height={300}
      scale={scale}
      gestures={[pinch({ onEnd: report }), zoom]}
    />
  );
}

Déclaration du type

export interface PinchEvent extends GestureEvent {
  scale: number;
  focalX: number;
  focalY: number;
  velocity: number;
}

Membres 7

Nom	Type	Requis	Description
`scale`	`number`	Oui	—
`focalX`	`number`	Oui	—
`focalY`	`number`	Oui	—
`velocity`	`number`	Oui	—
`state`	`number`	Oui	—
`numberOfPointers`	`number`	Oui	—
`pointerType`	`number`	Oui	—

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.