SpringConfig — Kuito Dokumentation

Verwendung

Fade a view on entry or removal.

Dieser Typ wird verwendet von spring

tsx

// Fade a view on entry or removal.
import { Box, fade, slide, spring } from 'kuito';

<Box enter={fade.and(slide.up(12))} exit={fade} layout={spring()} />;

Typdeklaration

export interface SpringConfig {
  damping?: number;
  stiffness?: number;
  mass?: number;
  velocity?: number;
  /** False stops it at its target instead of swinging past; true by default. */
  overshoot?: boolean;
  energyThreshold?: number;
  duration?: number;
  dampingRatio?: number;
  clamp?: { min?: number; max?: number };
  delay?: number;
  onEnd?: AnimationCallback;
}

Mitglieder 11

Name	Typ	Erforderlich	Beschreibung
`damping`	`number`	Nein	—
`stiffness`	`number`	Nein	—
`mass`	`number`	Nein	—
`velocity`	`number`	Nein	—
`overshoot`	`boolean`	Nein	False stops it at its target instead of swinging past; true by default.
`energyThreshold`	`number`	Nein	—
`duration`	`number`	Nein	—
`dampingRatio`	`number`	Nein	—
`clamp`	`{ min?: number; max?: number;}`	Nein	—
`delay`	`number`	Nein	—
`onEnd`	`AnimationCallback`	Nein	—

clamp — verschachtelte Felder

clamp Felder

Name	Typ	Erforderlich	Beschreibung
`min`	`number`	Nein	—
`max`	`number`	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.