Utilização

Fade a view on entry or removal.

Este tipo é usado por 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()} />;

Declaração do tipo

ts
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;
}

Membros 11

NomeTipoObrigatórioDescrição
dampingnumberNão—
stiffnessnumberNão—
massnumberNão—
velocitynumberNão—
overshootbooleanNãoFalse stops it at its target instead of swinging past; true by default.
energyThresholdnumberNão—
durationnumberNão—
dampingRationumberNão—
clamp{ min?: number; max?: number;}Não—
delaynumberNão—
onEndAnimationCallbackNão—
clamp — campos aninhados

clamp campos

NomeTipoObrigatórioDescrição
minnumberNão—
maxnumberNão—
onEnd — assinaturas de método

Assinaturas

ts
(finished: boolean): void

Parâmetros

NomeTipoObrigatórioDescrição
finishedbooleanSim—

Devolve

void

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.