PinchChangeEvent — Kuito Dokumentation

Verwendung

Apply a pinch's change in scale.

tsx

// Apply a pinch's change in scale.
import { Text, pinch, signal, type PinchChangeEvent } from 'kuito';

const fontSize = signal(17);

// Text size follows the pinch, between 12 and 34 points.
const resize = (event: PinchChangeEvent) => {
  fontSize.value = Math.min(34, Math.max(12, fontSize.value * event.scaleChange));
};

<Text fontSize={fontSize.value} gestures={[pinch({ onChange: resize })]}>
  Pinch to resize
</Text>;

Typdeklaration

export interface PinchChangeEvent extends PinchEvent {
  scaleChange: number;
}

Mitglieder 8

Name	Typ	Erforderlich	Beschreibung
`scaleChange`	`number`	Ja	—
`scale`	`number`	Ja	—
`focalX`	`number`	Ja	—
`focalY`	`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.