TouchesGesture — Kuito Documentation

Utilisation

Track raw touch movement over a drawing surface.

Ce type est utilisé par touches

tsx

// Track raw touch movement over a drawing surface.
import { Box, touches } from 'kuito';

export function TouchSurface() {
  const input = touches({ onChange: (event) => console.log(event.changeX, event.changeY) });
  return <Box gestures={[input]} width={240} height={240} backgroundColor="#e2e8f0" />;
}

Déclaration du type

export interface TouchesGesture extends Gesture {
  /** Where the finger is in the view. */
  readonly x: GestureSource;
  readonly y: GestureSource;
}

Membres 9

Nom	Type	Requis	Description
`x`lecture seule	`GestureSource`	Oui	Where the finger is in the view.
`y`lecture seule	`GestureSource`	Oui	—
`type`lecture seule	`GestureType`	Oui	—
`kind`lecture seule	`GestureKind`	Oui	—
`config`lecture seule	`Readonly<Record<string, unknown>>`	Oui	—
`callbacks`lecture seule	`Readonly<Callbacks<never, never>>`	Oui	—
`releasing`lecture seule	`Animation<unknown>`	Non	How the motion values following it let go when it ends.
`release`	`(animation: Animation<unknown>) => TouchesGesture`	Oui	The same gesture, letting go with `animation`: each follower runs it with the gesture's velocity, toward its own home (its first value) unless the animation names a target.
`active`lecture seule	`GestureSource`	Oui	1 while it is active, 0 otherwise.

release — signatures de méthode

Signatures

(animation: Animation<unknown>): TouchesGesture

Paramètres

Nom	Type	Requis	Description
`animation`	`Animation<unknown>`	Oui	—

Retourne

TouchesGesture

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.