PinchEvent — Kuito Documentação

Utilização

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]}
    />
  );
}

Declaração do tipo

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

Membros 7

Nome	Tipo	Obrigatório	Descrição
`scale`	`number`	Sim	—
`focalX`	`number`	Sim	—
`focalY`	`number`	Sim	—
`velocity`	`number`	Sim	—
`state`	`number`	Sim	—
`numberOfPointers`	`number`	Sim	—
`pointerType`	`number`	Sim	—

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.