DecayConfig — Kuito Dokumentation

Verwendung

Drag and release

Dieser Typ wird verwendet von decay

tsx

import { Box, decay, motion, pan } from 'kuito';

export function Drawer() {
  const drag = pan({ axis: 'y' }).release(decay({ clamp: [0, 400] }));
  const y = motion(0).follows(drag.y);

  return <Box gestures={[drag]} translateY={y} height={120} backgroundColor="#0f172a" />;
}

Typdeklaration

export interface DecayConfig {
  /** Units per second; a gesture's release gives its own. */
  velocity?: number;
  deceleration?: number;
  velocityFactor?: number;
  clamp?: readonly [number, number];
  /** Overshoot the clamp and spring back, instead of stopping at it. */
  rubberBand?: boolean;
  rubberBandFactor?: number;
  delay?: number;
  onEnd?: AnimationCallback;
}

Mitglieder 8

Name	Typ	Erforderlich	Beschreibung
`velocity`	`number`	Nein	Units per second; a gesture's release gives its own.
`deceleration`	`number`	Nein	—
`velocityFactor`	`number`	Nein	—
`clamp`	`readonly [number, number]`	Nein	—
`rubberBand`	`boolean`	Nein	Overshoot the clamp and spring back, instead of stopping at it.
`rubberBandFactor`	`number`	Nein	—
`delay`	`number`	Nein	—
`onEnd`	`AnimationCallback`	Nein	—

onEnd — Methodensignaturen

Signaturen

(finished: boolean): void

Parameter

Name	Typ	Erforderlich	Beschreibung
`finished`	`boolean`	Ja	—

Rückgabe

void

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.